/* style.css */


.hero{
	color: white;
}

/* gradient backgrounds */

.bg-gradient-black-to-blue-01{
	/* black to blue gradient  */
	background: #020024;
	background: linear-gradient(23deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 14%, rgba(0, 212, 255, 1) 74%);
	transition: background-color 1s ease 1s;
}
.bg-gradient-black-to-blue-01:hover {
	/* black to blue gradient  */
	background: #020024;
	background: linear-gradient(-23deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 14%, rgba(0, 212, 255, 1) 74%);
}

.bg-gradient-purple-Admin{
	background: #8E2DE2;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #4A00E0, #8E2DE2);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #4A00E0, #8E2DE2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.btn {
 	box-shadow: 1px 5px 25px rgba(0,0,0,0.2) !important;
}


/* Border settings */

.no-border{
	border: none;
}


/* Text Color */

.text-white {
	color: white;
}


/* ERROR PAGE STYLES */
.error-page {
    min-height: 100vh;
    background: linear-gradient(45deg, #0d6efd 0%, #0dcaf0 100%);
}

.error-container {
    max-width: 600px;
}

.error-code {
    font-size: 12rem;
    font-weight: 900;
    background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0.5));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: pulse 2s infinite;
}

.error-message {
    color: rgba(255, 255, 255, 0.9);
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}

.btn-glass {
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: white;
    transition: all 0.3s ease;
}

.btn-glass:hover {
    background: rgba(255, 255, 255, 0.3);
    color: white;
}