body{
      background:#f4f7fb;
      font-family: Arial, sans-serif;
      color:#1f2937;
    }

    .topbar{
      background:#fff;
      border-bottom:1px solid #e5e7eb;
      padding:18px 0;
    }

    .logo{
      font-size:24px;
      font-weight:800;
      color:#0f4778;
      text-decoration:none;
    }

    .hero{
      padding:80px 0;
    }

    .partner-box{
      background:#123f68;
      border-radius:28px;
      box-shadow:0 25px 60px rgba(15,71,120,.22);
      overflow:hidden;
    }

    .left-panel{
      color:#fff;
      padding:55px;
    }

    .left-panel h1{
      font-size:42px;
      font-weight:800;
      margin-bottom:20px;
    }

    .left-panel p{
      font-size:17px;
      line-height:1.7;
      color:#eaf3fb;
    }

    .benefit{
      display:flex;
      gap:12px;
      margin-top:18px;
      align-items:flex-start;
    }

    .benefit-icon{
      width:28px;
      height:28px;
      background:#fff;
      color:#123f68;
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
      font-weight:bold;
      flex-shrink:0;
    }

    .form-panel{
      background:#fff;
      margin:35px;
      border-radius:22px;
      padding:35px;
    }

    .form-panel h2{
      color:#123f68;
      font-weight:800;
      margin-bottom:8px;
    }

    .form-control,
    .form-select{
      border-radius:12px;
      padding:13px 15px;
      border:1px solid #d6e0ea;
    }

    .btn-partner{
      background:#0f5288;
      color:#fff;
      border:0;
      border-radius:14px;
      padding:14px;
      font-weight:700;
      width:100%;
    }

    .btn-partner:hover{
      background:#0b416c;
      color:#fff;
    }

    .small-text{
      font-size:13px;
      color:#6b7280;
    }

    @media(max-width:991px){
      .left-panel{
        padding:35px;
      }

      .left-panel h1{
        font-size:32px;
      }

      .form-panel{
        margin:20px;
      }
    }