body.cp-page {
      --primary-color: var(--cp-text);
      --secondary-color: var(--cp-blue);
      --accent-color: var(--cp-blue);
    }
    
    body.cp-page {
      font-family: var(--cp-font);
      color: #333;
    }
    
    #cp-content .navbar-brand img {
      height: 40px;
    }
    
    #cp-content .main-banner {
      background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
      color: white;
      padding: 80px 0;
    }
    
    #cp-content .main-banner h1 {
      font-weight: 700;
      font-size: 2.8rem;
      margin-bottom: 20px;
    }
    
    #cp-content .home-btn {
      background-color: var(--accent-color);
      color: white;
      font-weight: 600;
      border-radius: 30px;
      padding: 12px 25px;
    }
    
    #cp-content .section-pad {
      padding: 60px 0;
    }
    
    #cp-content .categories-pad {
      margin-bottom: 30px;
    }
    
    #cp-content .our-categories {
      background: white;
      border-radius: 10px;
      padding: 20px;
      box-shadow: 0 5px 15px rgba(0,0,0,0.1);
      transition: transform 0.3s ease;
      height: 100%;
    }
    
    #cp-content .our-categories:hover {
      transform: translateY(-5px);
    }
    
    #cp-content .left-categories {
      margin-bottom: 15px;
    }
    
    #cp-content .right-categories h4 {
      font-weight: 600;
      color: var(--primary-color);
    }
    
    #cp-content .advantage-box {
      background: white;
      border-radius: 10px;
      padding: 30px;
      box-shadow: 0 5px 15px rgba(0,0,0,0.1);
      text-align: center;
      height: 100%;
    }
    
    #cp-content .advantage-icon {
      font-size: 2.5rem;
      color: var(--secondary-color);
      margin-bottom: 20px;
    }
    
    #cp-content .testimonial-item {
      background: white;
      border-radius: 10px;
      padding: 20px;
      box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    }
    
    #cp-content .footer-part {
      background-color: var(--primary-color);
      color: white;
      padding: 50px 0 0;
    }
    
    #cp-content .footer-bottom {
      background-color: var(--cp-navy);
      padding: 20px 0;
    }
    
    #cp-content .call-chat ul {
      display: flex;
      justify-content: center;
      gap: 20px;
      padding: 0;
      list-style: none;
    }
    
    #cp-content .call-chat ul li {
      display: flex;
      align-items: center;
      gap: 10px;
    }
    
    #cp-content .call-chat ul li i {
      color: var(--secondary-color);
    }
    
    @media (max-width: 767px) {
      #cp-content .main-banner h1 {
        font-size: 2rem;
      }
      
      #cp-content .call-chat ul {
        flex-direction: column;
        gap: 10px;
      }
    }
    
    #cp-content .snowflake {
      position: absolute;
      background-color: white;
      border-radius: 50%;
      opacity: 0.8;
      pointer-events: none;
    }

    @keyframes fall {
      0% {
        opacity: 0;
        transform: translateY(0);
      }
      10% {
        opacity: 1;
      }
      100% {
        opacity: 0.5;
        transform: translateY(100vh);
      }
    }

    @keyframes diagonal-fall {
      0% {
        opacity: 0;
        transform: translate(0, 0);
      }
      10% {
        opacity: 1;
      }
      100% {
        opacity: 0.25;
        transform: translate(10vw, 100vh);
      }
    }
  
#cp-content .main-banner { background: linear-gradient(135deg,var(--cp-navy),var(--cp-text)); }
#cp-content .section-pad,#cp-content .online-course { padding-block: 56px; }
#cp-content .search { display: flex; gap: 8px; }
#cp-content .search button,#cp-content .home-btn { background: linear-gradient(100deg,var(--cp-blue),var(--cp-cyan)); color: white; border-radius: 8px; padding: 10px 16px; }
#cp-content .popular-box-shadow { border: 1px solid var(--cp-border); border-radius: 12px; overflow: hidden; }
#cp-content .right-popular { padding: 20px; }
#cp-content .left-popular img { width: 100%; object-fit: cover; }

#cp-content .owl-carousel { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,240px),1fr)); gap: 24px; }
#cp-content .owl-carousel [hidden] { display: none !important; }
#cp-content .our-categories { display: flex; align-items: center; gap: 14px; padding: 20px; border: 1px solid var(--cp-border); border-radius: 10px; margin-bottom: 16px; }
#cp-content .our-categories img { border-radius: 6px; }
#cp-content .advantage-box { padding: 24px; }