.header-bg{
    /* background: rgba(255, 255, 255, 0.1); */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.logo{
    height: 80px;
}

.btn-register{
    background-color: rgb(174 31 35);
    font-weight: 700;
    padding: 15px 20px;
}
.btn-register:hover{
    color: #000;
    background-color: rgb(255, 255, 255);
    font-weight: 700;
}

.right-80{
    right: 8.5rem;
}

.glass-effect {
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    background: rgba(255, 255, 255, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.8);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
}
.btn-glow:hover {
    box-shadow: 0 0 20px rgba(14, 165, 233, 0.4);
}.text-gradient-premium {
    background: linear-gradient(to right, #0ea5e9, #2563eb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.fade-in-up {
    animation: fadeInUp 1s ease-out forwards;
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.gold-gradient-text {
    background: linear-gradient(to right, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.text-shadow {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.text-shadow-light {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}


  @media (max-width: 767px) {
    .logo {
        height: 60px !important;
    }
  }