:root{
      --navy:#071a33;
      --navy2:#0d2b4f;
      --gold:#c9a227;
      --gold-light:#e5c75a;
      --white:#fff;
      --light:#f5f8fb;
      --text:#243447;
      --muted:#6b7785;
    }

    *{box-sizing:border-box}
    body{
      margin:0;
      font-family:Inter,Arial,sans-serif;
      color:var(--text);
      background:#fff;
    }

    
    .btn-gold{
      background:var(--gold);
      color:#fff;
      border:none;
      padding:11px 19px;
      border-radius:8px;
      font-weight:700;
    }

    .btn-gold:hover{
      background:#ad8918;
      color:#fff;
    }

    .hero{
      background:
        linear-gradient(115deg,rgba(7,26,51,.98),rgba(13,43,79,.91)),
        url("images/campus.jpg") center/cover;
      padding:100px 0;
      color:#fff;
    }

    .hero-tag{
      display:inline-block;
      padding:8px 14px;
      border:1px solid rgba(229,199,90,.5);
      color:var(--gold-light);
      border-radius:50px;
      font-size:12px;
      font-weight:700;
      letter-spacing:1.5px;
      margin-bottom:20px;
    }

    .hero h1{
      font-size:clamp(38px,5vw,62px);
      font-weight:800;
      line-height:1.05;
      margin-bottom:20px;
    }

    .hero p{
      max-width:760px;
      font-size:18px;
      color:#dce6f2;
      line-height:1.8;
    }

    .section{padding:85px 0}
    .section-light{background:var(--light)}

    .section-title{
      color:var(--navy);
      font-weight:800;
      font-size:35px;
    }

    .gold-line{
      width:60px;
      height:4px;
      background:var(--gold);
      border-radius:5px;
      margin:15px 0 25px;
    }

    .info-card{
      height:100%;
      padding:30px;
      border-radius:16px;
      background:#fff;
      border:1px solid #e7edf3;
      box-shadow:0 12px 35px rgba(7,26,51,.06);
    }

    .icon-box{
      width:55px;
      height:55px;
      background:#eef3f8;
      color:var(--navy);
      border-radius:13px;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:25px;
      margin-bottom:20px;
    }

    .info-card h4{
      color:var(--navy);
      font-weight:800;
      margin-bottom:12px;
    }

    .program-card{
      border:0;
      border-radius:18px;
      overflow:hidden;
      height:100%;
      box-shadow:0 12px 35px rgba(7,26,51,.08);
    }

    .program-top{
      background:var(--navy);
      color:#fff;
      padding:25px;
    }

    .program-top i{
      color:var(--gold-light);
      font-size:30px;
    }

    .program-body{
      padding:25px;
      background:#fff;
    }

    .status{
      display:inline-block;
      font-size:11px;
      font-weight:800;
      letter-spacing:.7px;
      padding:7px 11px;
      border-radius:50px;
      background:#fff4d2;
      color:#8a6b00;
      margin-bottom:15px;
    }

    .notice{
      border-left:4px solid var(--gold);
      background:#fffaf0;
      padding:22px 25px;
      border-radius:10px;
    }

    footer{
      background:var(--navy);
      color:#cbd7e4;
      padding:55px 0 20px;
    }

    footer h5{
      color:#fff;
      font-weight:800;
      margin-bottom:18px;
    }

    footer a{
      color:#cbd7e4;
      text-decoration:none;
    }

    footer a:hover{color:var(--gold-light)}

    .footer-bottom{
      border-top:1px solid rgba(255,255,255,.1);
      margin-top:35px;
      padding-top:20px;
      font-size:13px;
    }