body {
   font-family:
      Segoe UI,
      sans-serif;
}

.main-bg {
   background: linear-gradient(135deg, #2f4bbd, #4563d5);

   min-height: 100vh;
}

.logo {
   width: 80px;
}

.university-title {
   font-weight: 700;
}

.verification-card {
   background: rgba(255, 255, 255, 0.15);

   backdrop-filter: blur(20px);

   border-radius: 20px;

   padding: 35px;

   box-shadow: 0 10px 35px rgba(0, 0, 0, 0.2);
}

.verification-card h2 {
   color: white;
}

.verification-card .form-control {
   height: 50px;
}

.note-list li {
   margin-bottom: 10px;
}

.footer {
   text-align: center;

   color: white;

   padding: 15px;

   background: rgba(0, 0, 0, 0.15);
}

.table {
   background: white;
}

.alert {
   font-weight: 600;
}

.website-btn-container{
    margin-top:30px;
}

.website-btn{

    display:inline-block;

    padding:14px 32px;

    background:rgba(255,255,255,0.15);

    color:#ffffff;

    text-decoration:none;

    font-weight:600;

    border-radius:10px;

    border:1px solid rgba(255,255,255,0.25);

    backdrop-filter:blur(10px);

    transition:all 0.3s ease;

    box-shadow:0 5px 15px rgba(0,0,0,0.15);
}

.website-btn:hover{

    background:#4da3ff;

    color:#ffffff;

    transform:translateY(-3px);

    box-shadow:0 10px 25px rgba(0,0,0,0.25);
}

.website-btn:active{

    transform:translateY(0);
}

@media (max-width: 768px) {
   .university-title {
      font-size: 24px;
   }

   .logo {
      width: 60px;
   }
}