/* ai-webinar — ported from tch-website-181/pages/ai-webinar.hbs,
   scoped under .tch-page so it cannot reach the shared header, footer,
   booking widgets or commerce surfaces. */
.tch-page .custom-webinar-section{
      background: linear-gradient(135deg, #F8FAFC 0%, #E2E8F0 100%) !important;
      padding: 80px 0 !important;
      overflow: hidden !important;
      position: relative !important;
    }.tch-page .custom-section-container{
      max-width: 1200px !important;
      margin: 0 auto !important;
      padding: 0 24px !important;
      position: relative !important;
      z-index: 3 !important;
    }.tch-page .custom-webinar-hero{
      text-align: center !important;
      margin-bottom: 64px !important;
    }.tch-page .custom-hero-title{
      font-family: var(--font-heading) !important;
      font-size: 56px !important;
      font-weight: 400 !important;
      line-height: 1.1 !important;
      color: var(--gray-dark) !important;
      text-transform: uppercase !important;
      letter-spacing: 2px !important;
      margin-bottom: 16px !important;
    }.tch-page .custom-hero-underline{
      width: 80px !important;
      height: 4px !important;
      background: var(--accent) !important;
      margin: 0 auto 24px !important;
      border-radius: 2px !important;
    }.tch-page .custom-hero-subtitle{
      font-family: var(--font-body) !important;
      font-size: 24px !important;
      font-weight: 400 !important;
      line-height: 1.5 !important;
      color: var(--neutral) !important;
      max-width: 700px !important;
      margin: 0 auto 32px !important;
    }.tch-page .custom-webinar-badge{
      display: inline-flex !important;
      align-items: center !important;
      gap: 8px !important;
      background: var(--brand-primary) !important;
      color: var(--white) !important;
      padding: 8px 16px !important;
      border-radius: var(--radius-medium) !important;
      font-family: var(--font-heading) !important;
      font-size: 14px !important;
      text-transform: uppercase !important;
      letter-spacing: 1px !important;
      margin-bottom: 32px !important;
    }.tch-page .custom-main-content{
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      gap: 64px !important;
      align-items: start !important;
    }.tch-page .custom-content-left{
      padding-right: 32px !important;
    }.tch-page .custom-webinar-details{
      background: var(--white) !important;
      border-radius: var(--radius-medium) !important;
      padding: 40px !important;
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1) !important;
      margin-bottom: 40px !important;
      border: 2px solid var(--gray-light) !important;
      transition: all var(--transition-fast) !important;
    }.tch-page .custom-webinar-details:hover{
      transform: translateY(-4px) !important;
      box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15) !important;
      border-color: var(--brand-primary) !important;
    }.tch-page .custom-details-title{
      font-family: var(--font-heading) !important;
      font-size: 24px !important;
      font-weight: 400 !important;
      text-transform: uppercase !important;
      letter-spacing: 1px !important;
      color: var(--gray-dark) !important;
      margin-bottom: 24px !important;
      display: flex !important;
      align-items: center !important;
      gap: 12px !important;
    }.tch-page .custom-details-list{
      list-style: none !important;
      padding: 0 !important;
      margin: 0 !important;
    }.tch-page .custom-details-list li{
      display: flex !important;
      align-items: center !important;
      gap: 12px !important;
      font-family: var(--font-body) !important;
      font-size: 16px !important;
      font-weight: 500 !important;
      color: var(--gray-dark) !important;
      margin-bottom: 16px !important;
      padding: 12px 0 !important;
      border-bottom: 1px solid var(--gray-light) !important;
    }.tch-page .custom-details-list li:last-child{
      border-bottom: none !important;
      margin-bottom: 0 !important;
    }.tch-page .custom-details-list li i{
      color: var(--brand-primary) !important;
      font-size: 18px !important;
      width: 20px !important;
      text-align: center !important;
    }.tch-page .custom-benefits-section{
      background: var(--white) !important;
      border-radius: var(--radius-medium) !important;
      padding: 40px !important;
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1) !important;
      border: 2px solid var(--gray-light) !important;
      transition: all var(--transition-fast) !important;
    }.tch-page .custom-benefits-section:hover{
      transform: translateY(-4px) !important;
      box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15) !important;
      border-color: var(--accent) !important;
    }.tch-page .custom-benefits-title{
      font-family: var(--font-heading) !important;
      font-size: 24px !important;
      font-weight: 400 !important;
      text-transform: uppercase !important;
      letter-spacing: 1px !important;
      color: var(--gray-dark) !important;
      margin-bottom: 24px !important;
      display: flex !important;
      align-items: center !important;
      gap: 12px !important;
    }.tch-page .custom-benefits-grid{
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      gap: 20px !important;
    }.tch-page .custom-benefit-item{
      display: flex !important;
      align-items: flex-start !important;
      gap: 12px !important;
      padding: 16px !important;
      background: linear-gradient(135deg, rgba(240, 188, 94, 0.05) 0%, rgba(45, 212, 191, 0.05) 100%) !important;
      border-radius: var(--radius-medium) !important;
      transition: all var(--transition-fast) !important;
    }.tch-page .custom-benefit-item:hover{
      background: linear-gradient(135deg, rgba(240, 188, 94, 0.1) 0%, rgba(45, 212, 191, 0.1) 100%) !important;
      transform: translateY(-2px) !important;
    }.tch-page .custom-benefit-icon{
      width: 40px !important;
      height: 40px !important;
      background: linear-gradient(135deg, var(--brand-primary) 0%, var(--accent) 100%) !important;
      border-radius: 50% !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      color: var(--white) !important;
      font-size: 16px !important;
      flex-shrink: 0 !important;
    }.tch-page .custom-benefit-text{
      font-family: var(--font-body) !important;
      font-size: 14px !important;
      font-weight: 500 !important;
      color: var(--gray-dark) !important;
      line-height: 1.4 !important;
      margin: 0 !important;
    }.tch-page .custom-form-container{
      background: var(--white) !important;
      border-radius: var(--radius-medium) !important;
      padding: 48px !important;
      box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1) !important;
      border: 3px solid var(--brand-primary) !important;
      position: relative !important;
      overflow: hidden !important;
    }.tch-page .custom-form-container::before{
      content: '' !important;
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      width: 100% !important;
      height: 6px !important;
      background: linear-gradient(90deg, var(--brand-primary) 0%, var(--accent) 100%) !important;
    }.tch-page .custom-form-header{
      text-align: center !important;
      margin-bottom: 40px !important;
    }.tch-page .custom-form-title{
      font-family: var(--font-heading) !important;
      font-size: 32px !important;
      font-weight: 400 !important;
      text-transform: uppercase !important;
      letter-spacing: 1px !important;
      color: var(--gray-dark) !important;
      margin-bottom: 16px !important;
    }.tch-page .custom-form-subtitle{
      font-family: var(--font-body) !important;
      font-size: 18px !important;
      font-weight: 400 !important;
      color: var(--neutral) !important;
      line-height: 1.5 !important;
      margin: 0 !important;
    }.tch-page .custom-speaker-section{
      background: linear-gradient(135deg, var(--brand-primary) 0%, var(--accent) 100%) !important;
      border-radius: var(--radius-medium) !important;
      padding: 40px !important;
      color: var(--white) !important;
      margin-top: 40px !important;
      text-align: center !important;
      position: relative !important;
      overflow: hidden !important;
    }.tch-page .custom-speaker-section::before{
      content: '' !important;
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      width: 100% !important;
      height: 100% !important;
      background: radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 50%) !important;
    }.tch-page .custom-speaker-content{
      position: relative !important;
      z-index: 2 !important;
    }.tch-page .custom-speaker-title{
      font-family: var(--font-heading) !important;
      font-size: 24px !important;
      font-weight: 400 !important;
      text-transform: uppercase !important;
      letter-spacing: 1px !important;
      margin-bottom: 24px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 12px !important;
    }.tch-page .custom-speaker-info{
      font-family: var(--font-body) !important;
      font-size: 16px !important;
      font-weight: 400 !important;
      line-height: 1.6 !important;
      opacity: 0.95 !important;
    }.tch-page .custom-urgency-banner{
      background: var(--error) !important;
      color: var(--white) !important;
      padding: 16px !important;
      border-radius: var(--radius-medium) !important;
      text-align: center !important;
      margin-bottom: 32px !important;
      font-family: var(--font-heading) !important;
      font-size: 16px !important;
      text-transform: uppercase !important;
      letter-spacing: 1px !important;
      animation: pulse 2s infinite !important;
    }@keyframes pulse{
      0%, 100% {
        opacity: 1;
      }
      50% {
        opacity: 0.8;
      }
    }.tch-page .custom-form-wrapper{
      position: relative !important;
    }.tch-page .custom-form-wrapper .custom-form-group{
      margin-bottom: 24px !important;
    }.tch-page .custom-form-wrapper label{
      font-family: var(--font-body) !important;
      font-size: 14px !important;
      font-weight: 500 !important;
      color: var(--gray-dark) !important;
      margin-bottom: 8px !important;
      display: block !important;
    }.tch-page .custom-form-wrapper input{
      font-family: var(--font-body) !important;
      font-size: 16px !important;
      padding: 14px 16px !important;
      border: 2px solid var(--gray-light) !important;
      border-radius: var(--radius-medium) !important;
      transition: all var(--transition-fast) !important;
      width: 100% !important;
      box-sizing: border-box !important;
    }.tch-page .custom-form-wrapper input:focus{
      border-color: var(--brand-primary) !important;
      box-shadow: 0 0 0 3px rgba(240, 188, 94, 0.2) !important;
      outline: none !important;
    }.tch-page .custom-form-wrapper input[type="checkbox"]{
      width: auto !important;
      margin-right: 8px !important;
    }.tch-page .custom-form-wrapper .custom-form-checkbox{
      display: flex !important;
      align-items: flex-start !important;
      gap: 8px !important;
    }.tch-page .custom-form-wrapper .custom-form-checkbox label{
      font-size: 14px !important;
      line-height: 1.4 !important;
      cursor: pointer !important;
    }.tch-page .custom-form-wrapper .custom-password-container{
      position: relative !important;
    }.tch-page .custom-form-wrapper .custom-password-toggle{
      position: absolute !important;
      right: 12px !important;
      top: 50% !important;
      transform: translateY(-50%) !important;
      background: none !important;
      border: none !important;
      color: var(--gray-medium) !important;
      cursor: pointer !important;
      padding: 4px !important;
    }.tch-page .custom-form-wrapper .custom-password-toggle:hover{
      color: var(--brand-primary) !important;
    }.tch-page .custom-form-wrapper .custom-webinar-info{
      background: linear-gradient(135deg, rgba(45, 212, 191, 0.1) 0%, rgba(45, 212, 191, 0.05) 100%) !important;
      border: 2px solid var(--accent) !important;
      border-radius: var(--radius-medium) !important;
      padding: 20px !important;
      margin-bottom: 24px !important;
    }.tch-page .custom-form-wrapper .custom-webinar-info h3{
      font-family: var(--font-heading) !important;
      font-size: 16px !important;
      font-weight: 400 !important;
      text-transform: uppercase !important;
      letter-spacing: 1px !important;
      color: var(--accent) !important;
      margin-bottom: 12px !important;
    }.tch-page .custom-form-wrapper .custom-webinar-info p{
      font-family: var(--font-body) !important;
      font-size: 14px !important;
      margin-bottom: 8px !important;
      color: var(--gray-dark) !important;
    }.tch-page .custom-form-wrapper .custom-webinar-info .custom-note{
      font-size: 12px !important;
      color: var(--neutral) !important;
      margin-top: 12px !important;
      font-style: italic !important;
    }.tch-page .custom-form-wrapper .custom-password-requirements{
      font-size: 12px !important;
      color: var(--neutral) !important;
      margin-top: 4px !important;
      line-height: 1.4 !important;
    }.tch-page .custom-form-wrapper button[type="submit"]{
      background: var(--brand-primary) !important;
      color: var(--white) !important;
      font-family: var(--font-heading) !important;
      font-size: 18px !important;
      font-weight: 400 !important;
      text-transform: uppercase !important;
      letter-spacing: 1px !important;
      padding: 16px 32px !important;
      border: none !important;
      border-radius: var(--radius-medium) !important;
      cursor: pointer !important;
      transition: all var(--transition-fast) !important;
      width: 100% !important;
      margin-top: 16px !important;
      position: relative !important;
    }.tch-page .custom-form-wrapper button[type="submit"]:hover{
      background: var(--brand-dark) !important;
      transform: translateY(-2px) !important;
      box-shadow: 0 6px 16px rgba(240, 188, 94, 0.4) !important;
    }.tch-page .custom-form-wrapper button[type="submit"]:disabled{
      opacity: 0.6 !important;
      cursor: not-allowed !important;
      transform: none !important;
    }.tch-page .custom-form-wrapper button[type="submit"] .custom-submit-icon{
      position: absolute !important;
      left: 16px !important;
      top: 50% !important;
      transform: translateY(-50%) !important;
    }.tch-page .custom-guarantee-section{
      background: linear-gradient(135deg, rgba(16, 185, 129, 0.1) 0%, rgba(16, 185, 129, 0.05) 100%) !important;
      border: 2px solid var(--success) !important;
      border-radius: var(--radius-medium) !important;
      padding: 24px !important;
      margin-top: 32px !important;
      text-align: center !important;
    }.tch-page .custom-guarantee-text{
      font-family: var(--font-body) !important;
      font-size: 14px !important;
      font-weight: 500 !important;
      color: var(--success) !important;
      margin: 0 !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 8px !important;
    }.tch-page .custom-registration-note{
      text-align: center !important;
      margin-top: 16px !important;
    }.tch-page .custom-registration-note p{
      font-family: var(--font-body) !important;
      font-size: 14px !important;
      color: var(--neutral) !important;
      margin: 0 !important;
    }@media (max-width: 991px){.tch-page .custom-main-content{
        grid-template-columns: 1fr !important;
        gap: 48px !important;
      }.tch-page .custom-content-left{
        padding-right: 0 !important;
      }.tch-page .custom-benefits-grid{
        grid-template-columns: 1fr !important;
        gap: 16px !important;
      }}@media (max-width: 768px){.tch-page .custom-webinar-section{
        padding: 60px 0 !important;
      }.tch-page .custom-hero-title{
        font-size: 40px !important;
      }.tch-page .custom-hero-subtitle{
        font-size: 20px !important;
      }.tch-page .custom-webinar-details, .tch-page .custom-benefits-section, .tch-page .custom-form-container, .tch-page .custom-speaker-section{
        padding: 32px 24px !important;
      }.tch-page .custom-form-title{
        font-size: 24px !important;
      }.tch-page .custom-form-subtitle{
        font-size: 16px !important;
      }}@media (max-width: 480px){.tch-page .custom-section-container{
        padding: 0 16px !important;
      }.tch-page .custom-hero-title{
        font-size: 32px !important;
      }.tch-page .custom-hero-subtitle{
        font-size: 18px !important;
      }.tch-page .custom-webinar-details, .tch-page .custom-benefits-section, .tch-page .custom-form-container, .tch-page .custom-speaker-section{
        padding: 24px 16px !important;
      }}