/* Video Background Styles */
			#bg-video {
				position: absolute;
				top: 50%;
				left: 50%;
				min-width: 100%;
				min-height: 100%;
				width: auto;
				height: auto;
				transform: translate(-50%, -50%);
				z-index: 0;
				object-fit: cover;
			}

			#bg:before {
				z-index: 2 !important;
			}

			.loader {
				display: none;
				text-align: center;
				padding: 20px;
				color: #fff;
			}
			.member-card {
				margin-bottom: 2rem;
				padding: 2rem;
				background: rgba(255, 255, 255, 0.05);
				border-radius: 5px;
				border: 1px solid rgba(255, 255, 255, 0.1);
				transition: all 0.3s;
			}
			.member-card:hover {
				background: rgba(255, 255, 255, 0.08);
				border-color: rgba(255, 255, 255, 0.2);
				transform: translateY(-2px);
			}
			.member-card img {
				width: 150px;
				height: 150px;
				border-radius: 50%;
				object-fit: cover;
				margin: 0 auto 1.5rem;
				display: block;
				border: 3px solid rgba(255, 255, 255, 0.1);
			}
			.member-card h3 {
				margin-bottom: 0.5rem;
				color: #fff;
				text-align: center;
				font-size: 1.5rem;
			}
			.member-card .position {
				color: #999;
				font-style: italic;
				margin-bottom: 1rem;
				text-align: center;
				font-size: 0.9rem;
				text-transform: uppercase;
				letter-spacing: 0.1em;
			}
			.member-card .bio {
				line-height: 1.8;
				margin-bottom: 1rem;
				color: rgba(255, 255, 255, 0.8);
			}
			.member-card .contact-info {
				padding-top: 1rem;
				border-top: 1px solid rgba(255, 255, 255, 0.1);
			}
			.member-card .contact-info p {
				margin: 0.5rem 0;
				font-size: 0.9rem;
			}
			.member-card .contact-info a {
				color: #fff;
				border-bottom: 1px dotted rgba(255, 255, 255, 0.5);
				text-decoration: none;
			}
			.member-card .contact-info a:hover {
				border-bottom-color: #fff;
			}
			.gallery-grid {
				display: grid;
				grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
				gap: 1rem;
			}
			.gallery-item {
				position: relative;
				overflow: hidden;
				border-radius: 5px;
			}
			.gallery-item img {
				width: 100%;
				height: 250px;
				object-fit: cover;
				transition: transform 0.3s;
			}
			.gallery-item:hover img {
				transform: scale(1.1);
			}
			.gallery-item .caption {
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				background: rgba(0,0,0,0.8);
				color: white;
				padding: 0.5rem;
				font-size: 0.9rem;
			}
			.alert {
				padding: 1rem;
				margin: 1rem 0;
				border-radius: 5px;
			}
			.alert-success {
				background: rgba(76, 175, 80, 0.2);
				border: 1px solid rgba(76, 175, 80, 0.5);
				color: #4CAF50;
			}
			.alert-error {
				background: rgba(244, 67, 54, 0.2);
				border: 1px solid rgba(244, 67, 54, 0.5);
				color: #f44336;
			}
			/* Modal styles */
			.modal {
				display: none;
				position: fixed;
				z-index: 10000;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				overflow: auto;
				background-color: rgba(0, 0, 0, 0.9);
			}
			.modal-content {
				background-color: rgba(39, 40, 51, 0.95);
				margin: 5% auto;
				padding: 2rem;
				border: 1px solid rgba(255, 255, 255, 0.1);
				border-radius: 5px;
				width: 90%;
				max-width: 900px;
				max-height: 80vh;
				overflow-y: auto;
				position: relative;
				animation: slideDown 0.3s ease;
			}
			@keyframes slideDown {
				from {
					opacity: 0;
					transform: translateY(-50px);
				}
				to {
					opacity: 1;
					transform: translateY(0);
				}
			}
			.modal-close {
				color: #aaa;
				float: right;
				font-size: 28px;
				font-weight: bold;
				line-height: 1;
				cursor: pointer;
				transition: color 0.3s;
			}
			.modal-close:hover,
			.modal-close:focus {
				color: #fff;
			}
			.modal-body {
				margin-top: 1rem;
			}
			.modal-body h2 {
				margin-top: 0;
			}