:root{
      /* Brand palette derived from the uploaded logo */
      --hk-navy:#0C1C3C; /* primary text/background accents */
      --hk-orange:#F15A29; /* primary accent */
      --hk-navy-90:#0a1731;
      --muted:#eef1f6;
    }

    body{font-family: system-ui,-apple-system, Segoe UI, Roboto, Inter, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji"; color:var(--hk-navy);}
    .btn-hk{background:var(--hk-orange); color:#fff; border:none}
    .btn-hk:hover{background:#d84f22; color:#fff}
    .link-hk{color:var(--hk-orange)}
    .text-hk{color:var(--hk-orange)}
    .bg-navy{background:var(--hk-navy);}
    .bg-navy-90{background:var(--hk-navy-90);}
    .bg-muted{background:var(--muted);}

    /* Navbar */
    .navbar{box-shadow: 0 2px 12px rgba(0,0,0,.06)}
    .navbar .nav-link{color:var(--hk-navy)}
    .navbar .nav-link.active, .navbar .nav-link:hover{color:var(--hk-orange)}

    /* Hero */
    .hero{
      background: linear-gradient(180deg, rgba(12,28,60,.96), rgba(12,28,60,.9)), url('assets/hero-data.jpg') center/cover no-repeat;
      color:#fff;
    }
    .hero .badge{background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.2)}
    .hero-cta-card{background:#fff; border-radius:14px; box-shadow: 0 12px 40px rgba(12,28,60,.2)}

    /* Quick facts bar */
    .facts .icon{width:40px; height:40px; display:grid; place-items:center; border-radius:8px; background:#fff; box-shadow:0 2px 12px rgba(0,0,0,.06)}

    /* Section headings */
    .section-title{font-weight:800}
    .section-sub{opacity:.8}

    /* Cards */
    .hk-card{border:1px solid #e6e9f0; border-radius:14px}

    /* Project carousel */
    .project-card{border-radius:16px; overflow:hidden; border:1px solid #e6e9f0}
    .project-card img{height:180px; object-fit:cover}

    /* Pricing */
    .price-tag{font-size:2.25rem; font-weight:800; letter-spacing:.5px}

    /* Footer */
    footer a{color:#fff; opacity:.9}
    footer a:hover{opacity:1}

    .whatsapp-fab{
      position: fixed; right: 18px; bottom: 18px; z-index: 1040;
      background:#25D366; color:#fff; border-radius:50%; width:56px; height:56px; display:grid; place-items:center; box-shadow:0 12px 24px rgba(0,0,0,.2)
    }

    .countdown{font-variant-numeric: tabular-nums;}

    /* Why DE (image cards) */
    .why-card{position:relative; border-radius:16px; overflow:hidden; box-shadow:0 8px 24px rgba(12,28,60,.08);}
    .why-card img{width:100%; height:260px; object-fit:cover; display:block;}
    .why-card .overlay{position:absolute; inset:0; display:flex; align-items:end; background:linear-gradient(180deg, rgba(12,28,60,0) 40%, rgba(12,28,60,.85)); color:#fff; padding:14px;}
    .why-card h6{margin:0; font-weight:800; letter-spacing:.2px}
    .why-card p{margin:.25rem 0 0; font-size:.9rem; opacity:.95}

    /* Upcoming masterclasses */
    .date-pill{background:var(--hk-orange); color:#fff; padding:.35rem .6rem; border-radius:999px; font-weight:700; font-size:.85rem}

    /* Course cards */
    .course-card .tools{font-size:.85rem}
    .course-card .tools .badge{background:#f7f8fb; color:var(--hk-navy); border:1px solid #e6e9f0}
    .course-card img{height:150px; object-fit:cover; border-top-left-radius:14px; border-top-right-radius:14px;}