:root {
    --upt-blue: #1e3a5f; 
    --upt-gold: #fbbf24;
}

.navbar-brand:hover {
    transform: scale(1.02);
    transition: all 0.3s ease;
}

.nav-link:hover {
    background-color: white !important;
    color: var(--upt-blue) !important;
    border-radius: 5px;
    transition: all 0.2s ease;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.dropdown-menu {
    border: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    padding: 0.5rem 0;
}

.dropdown-item {
    padding: 0.5rem 1rem;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    color: #2c3e50;
    transition: all 0.2s ease;
}

.dropdown-item:hover {
    background-color: #f8f9fa;
    color: #1a365d;
}

.dropdown-toggle::after {
    margin-left: 0.5rem;
}

.btn-primary {
    background-color: var(--upt-blue);
    border-color: var(--upt-blue);
    transition: all 0.3s ease;
}

.btn-primary:hover {
    background-color: var(--upt-gold);
    border-color: var(--upt-gold);
    color: var(--upt-blue);
    transform: translateY(-2px);
}

.btn-outline-primary {
    color: var(--upt-blue);
    border-color: var(--upt-blue);
    transition: all 0.3s ease;
}

.btn-outline-primary:hover {
    background-color: var(--upt-blue);
    border-color: var(--upt-blue);
    transform: translateY(-2px);
}

.text-primary {
    color: var(--upt-blue) !important;
}

@media (max-width: 768px) {
    .navbar-brand div:first-child {
        font-size: 1rem !important;
    }
    .navbar-brand small {
        font-size: 0.75rem !important;
    }
}

.main-content {
    min-height: calc(100vh - 84px);
}