/* Pages Styles */

.page-header {
    background-color: var(--dark-bg);
    color: var(--light);
    padding: 7rem 0 3rem;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.page-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1920' height='500' preserveAspectRatio='none' viewBox='0 0 1920 500'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1016%26quot%3b)' fill='none'%3e%3crect width='1920' height='500' x='0' y='0' fill='rgba(23, 23, 23, 1)'%3e%3c/rect%3e%3cpath d='M0,510.875C91.509,497.156,190.675,513.7,262.632,457.321C329.573,405.164,330.701,313.527,372.304,241.095C418.163,161.381,525.385,120.353,525.224,30.171C525.065,-59.168,421.494,-107.652,363.162,-178.279C311.703,-240.46,278.494,-320.323,201.964,-353.902C126.267,-387.133,39.779,-355.862,-39.931,-337.219C-122.13,-318.038,-198.558,-311.958,-265.909,-264.071C-332.555,-216.731,-381.324,-150.318,-414.418,-76.238C-448.595,0.197,-468.169,85.667,-450.574,168.285C-433.391,249.036,-378.48,313.519,-319.724,372.608C-252.775,439.928,-160.354,473.26,-78.283,499.361C-25.807,516.552,28.303,489.751,78.556,502.14C78.556,502.14,78.556,502.14,78.556,502.14' fill='rgba(28, 28, 28, 1)'%3e%3c/path%3e%3cpath d='M1920 1021.348C2026.366 1017.963 2140.301 1055.862 2227.536 995.27 2315.077 934.452 2334.166 813.807 2367.883 707.673 2402.069 600.134 2457.267 497.051 2425.408 387.841 2393.845 279.639 2284.551 211.78 2197.073 143.018 2121.166 82.894 2051.106 13.952 1953.474 0.4 1855.981-13.127 1770.2 58.243 1674.981 83.873 1583.532 108.606 1476.628 79.329 1406.014 144.893 1335.039 210.772 1341.92 322.798 1311.301 414.797 1280.488 507.247 1209.261 577.767 1211.97 674.868 1214.625 769.985 1289.499 836.553 1359.133 900.273 1429.128 964.323 1515.961 1011.608 1612.229 1028.193 1705.915 1044.337 1811.891 1024.805 1920 1021.348' fill='rgba(28, 28, 28, 1)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1016'%3e%3crect width='1920' height='500' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
    background-position: center;
    background-size: cover;
    opacity: 0.5;
    z-index: 0;
}

.page-header h1 {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    position: relative;
    z-index: 1;
}

.page-header .lead {
    font-size: 1.3rem;
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    color: rgba(255, 255, 255, 0.8);
}

.page-content {
    padding: 5rem 0;
    background-color: var(--body-bg);
}

.page-content article {
    line-height: 1.8;
    color: var(--text-color);
}

.page-content h2 {
    color: var(--primary);
    margin-top: 2.5rem;
    margin-bottom: 1.5rem;
    font-weight: 700;
    font-size: 2rem;
}

.page-content p {
    margin-bottom: 1.5rem;
}

.page-content ul, .page-content ol {
    margin-bottom: 1.5rem;
    padding-left: 1.5rem;
}

.page-content li {
    margin-bottom: 0.75rem;
}

.contact-info {
    background-color: rgba(50, 50, 50, 0.1);
    border-radius: 12px;
    padding: 2rem;
    margin-bottom: 3rem;
}

.contact-info h3 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    color: var(--primary);
}

.contact-info .info-item {
    display: flex;
    margin-bottom: 1.25rem;
}

.contact-info .info-icon {
    width: 40px;
    height: 40px;
    background-color: rgba(255, 184, 0, 0.1);
    color: var(--primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    flex-shrink: 0;
}

.contact-form {
    background-color: rgba(40, 40, 40, 0.5);
    border-radius: 12px;
    padding: 2.5rem;
}

.contact-form h3 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    color: var(--primary);
}

.form-control {
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: var(--light);
    padding: 0.75rem 1rem;
    border-radius: 8px;
}

.form-control:focus {
    background-color: rgba(255, 255, 255, 0.07);
    border-color: var(--primary);
    box-shadow: 0 0 0 0.25rem rgba(255, 184, 0, 0.25);
    color: var(--light);
}

.form-label {
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 0.5rem;
}

.btn-contact {
    background: linear-gradient(to right, var(--primary), var(--accent-color));
    border: none;
    padding: 0.75rem 2rem;
    font-weight: 600;
    border-radius: 8px;
}

.team-card {
    background-color: rgba(40, 40, 40, 0.5);
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
    margin-bottom: 2rem;
}

.team-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
}

.team-card-image {
    height: 250px;
    overflow: hidden;
}

.team-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease;
}

.team-card:hover .team-card-image img {
    transform: scale(1.1);
}

.team-card-content {
    padding: 1.5rem;
}

.team-card-content h3 {
    font-size: 1.3rem;
    margin-bottom: 0.5rem;
    color: var(--light);
}

.team-card-content p.position {
    color: var(--primary);
    font-weight: 600;
    margin-bottom: 1rem;
}

.team-card-content p.bio {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.9rem;
    margin-bottom: 1.5rem;
}

.team-social {
    display: flex;
}

.team-social a {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.1);
    color: var(--light);
    border-radius: 50%;
    margin-right: 0.5rem;
    transition: all 0.3s ease;
}

.team-social a:hover {
    background-color: var(--primary);
    color: var(--dark);
}