/* =========================================================
   founder-award-form.css
   Page-specific styles for /founder-award-form
   Split out of the old monolithic style.css. Rule order is
   unchanged from the original file.
   ========================================================= */

.grid-new {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 18px;
}
.check-new {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fbfdff;
  font-weight: 700;
  color: #26344d;
}
.checks-new {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 14px;
}
@media (max-width: 991px) {
  .grid-new {
    display: block;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 18px;
  }
  .checks-new {
    display: block;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 14px;
  }
}

/* ---------------------------------------------------------
   Moved out of founder-award-form.php (was an inline <style> block)
   --------------------------------------------------------- */

        .hero{
          background:radial-gradient(circle at top right,rgba(19,86,212,.16),transparent 35%),
                     linear-gradient(135deg,#ffffff 0%,#eef5ff 100%);
          border-bottom:1px solid var(--line);
          padding:48px 20px 36px;
          text-align:center;
        }

        h1{
          margin:0;
          color:var(--navy);
          font-size:34px;
          line-height:1.2;
          text-transform:uppercase;
        }
        .subtitle{
          color:var(--red);
          font-size:21px;
          font-weight:800;
          margin:10px 0 18px;
          text-decoration:underline;
        }
        .intro{
          max-width:980px;
          margin:0 auto;
          color:#344054;
          font-size:16px;
          line-height:1.8;
        }
        .wrap{
          max-width:1120px;
          margin:30px auto 60px;
          padding:0 18px;
        }
        form{
          background:#fff;
          border:1px solid var(--line);
          border-radius:22px;
          overflow:hidden;
          box-shadow:0 18px 50px rgba(10,47,115,.10);
        }
        .section{
          padding:28px;
          border-bottom:1px solid #d8e4f6;
        }
        .section:last-child{border-bottom:none}

        .note{
          padding:14px 16px;
          background:var(--light);
          border:1px solid var(--line);
          border-radius:14px;
          color:#344054;
          line-height:1.6;
          margin-bottom:20px;
        }

        .full{grid-column:1/-1}
        label{
          display:block;
          font-weight:700;
          color:#26344d;
          margin-bottom:8px;
          font-size:14px;
        }
        input, textarea, select{
          width:100%;
          border:1px solid #cbd7ea;
          border-radius:12px;
          padding:13px 14px;
          font-size:15px;
          outline:none;
          background:#fff;
          transition:.2s;
        }
        input:focus, textarea:focus, select:focus{
          border-color:var(--blue);
          box-shadow:0 0 0 4px rgba(19,86,212,.10);
        }
        textarea{min-height:115px;resize:vertical}

        .check-new input{
          width:18px;
          height:18px;
          accent-color:var(--blue);
        }
        .small{font-size:13px;color:var(--muted);font-weight:500;margin-top:6px}
        .attestation{
          background:linear-gradient(135deg,#f7faff,#ffffff);
          border:1px solid var(--line);
          border-radius:16px;
          padding:18px;
          line-height:1.7;
          color:#344054;
        }
        .actions{
          gap:14px;
          flex-wrap:wrap;
          margin-top:22px;
        }
        button{
          border:0;
          border-radius:999px;
          padding:14px 28px;
          font-size:15px;
          font-weight:800;
          cursor:pointer;
        }

    .section-title {
      color: #000;
      font-size: 24px;
      font-weight: 800;
    }

                    .small-alert {
                        padding: 8px 12px !important;
                        font-size: 14px !important;
                        margin-top: 10px;
                    }