:root{
      --brand-blue:#0b4b9b;
      --accent-or:#f97316;
      --muted:#6b7280;
      --card-border:#e6f2ff;
    }
    body{font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; color:#111;}

    /* Header */
    .site-header{padding:18px 0; border-bottom:1px solid #f1f5f9;}
    .brand-logo img{height:54px; width:auto; display:block;}
    .nav-centered{justify-content:center;}
    .nav-link{color:#111; font-weight:600}
    .nav-link:hover{color:var(--brand-blue);}
    .btn-login{background:var(--accent-or); color:#fff; border-radius:8px; padding:8px 16px; box-shadow:0 6px 18px rgba(249,115,22,0.12);}

    /* Hero */
    .hero { position:relative; overflow:hidden; }
    .hero .hero-bg {
      background-image: url('img/hero-placeholder.jpg');
      background-size: cover;
      background-position: center right;
      min-height: 480px;
    }
    /* overlay left card */
    .hero .left-card {
      background: rgba(255,255,255,0.96);
      border-radius:14px;
      padding:34px;
      box-shadow: 0 12px 36px rgba(3,18,45,0.06);
      border-left:4px solid var(--accent-or);
    }
    .hero .left-card h2{font-size:32px; font-weight:800; margin-bottom:10px;}
    .hero .left-card .lead{font-weight:700;}
    .hero .left-card p{color:var(--muted); margin-bottom:18px;}
    .hero .left-card .btn-primary{
      background:var(--accent-or);
      border-color:var(--accent-or);
      padding:12px 22px;
      border-radius:8px;
      font-weight:700;
    }

    /* Features area */
    .features{padding:56px 0;}
    .feature-item{display:flex; gap:20px; align-items:center;}
    .feature-item .feat-img{width:96px; height:96px; border-radius:12px; overflow:hidden; flex-shrink:0;}
    .feature-item h5{font-weight:700; color:var(--brand-blue); margin-bottom:6px;}
    .feature-item p{color:var(--muted); margin-bottom:0;}
    .feature-item a{color:var(--accent-or); font-weight:600; display:inline-block; margin-top:6px;}

    /* Learn & Win section */
    .learn-section{padding:56px 0; background:transparent;}
    .learn-img{max-width:100%; border-radius:6px; display:block; box-shadow:0 8px 30px rgba(3,18,45,0.04); background:#fff; padding:18px;}
    .learn-title{color:var(--accent-or); font-size:32px; font-weight:800;}
    .how-list{list-style:none; padding:0; margin:0;}
    .how-list li{display:flex; gap:12px; align-items:flex-start; margin-bottom:16px;}
    .how-num{min-width:36px; height:36px; background:var(--accent-or); color:#fff; border-radius:999px; display:flex; align-items:center; justify-content:center; font-weight:700;}
    .how-text{color:#222;}
    .learn-cta{margin-top:18px;}

    /* small responsive tweaks */
    @media (max-width: 991px){
      .hero .hero-bg{min-height:420px; background-position:center;}
      .hero .left-card{margin:24px;}
    }
    @media (max-width: 576px){
      .hero .left-card{padding:18px;}
      .feature-item{flex-direction:row; gap:12px;}
      .feature-item .feat-img{width:72px;height:72px;}
      .learn-title{font-size:26px;}
    }