.contact-page{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.contact-page .hero-section{background:linear-gradient(rgb(26 43 74 / 90%),rgb(10 20 40 / 95%));padding:4rem 2rem;text-align:center;color:var(--light-text-color);margin-top:var(--header-height,80px)}.contact-page .hero-content{max-width:800px;margin:0 auto}.contact-page .hero-icon{font-size:3rem;margin-bottom:1rem;color:var(--light-text-color);text-shadow:0 2px 4px var(--glass-bg-dark,var(--overlay-dark))}.contact-page h1{font-size:2.5rem;margin-bottom:1rem;color:var(--light-text-color);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;text-shadow:2px 2px 4px var(--glass-bg-dark,var(--btn-dark-bg));opacity:1;font-weight:700;letter-spacing:-0.02em}.contact-page .hero-content p{font-size:1.1rem;margin-bottom:0;color:var(--light-text-color);text-shadow:2px 2px 4px var(--glass-bg-dark,var(--btn-dark-bg));opacity:1;font-weight:500}.content-wrapper{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.department-section{margin-bottom:3rem}.department-section h2{display:flex;align-items:center;gap:0.75rem;color:var(--primary-color,var(--color-primary));border-bottom:2px solid var(--accent-color,#007bff);padding-bottom:0.75rem;margin-bottom:1.5rem;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;font-weight:600}.department-section h2 i{color:var(--accent-color,#007bff)}.staff-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.staff-item{background-color:var(--card-bg,#ffffff);border-radius:var(--radius-md,8px);padding:1.5rem;box-shadow:var(--shadow-sm,0 2px 4px rgb(0 0 0 / 10%));transition:all 0.3s ease;display:flex;flex-direction:column;min-height:150px;overflow-wrap:break-word}.staff-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-md,0 4px 6px rgb(0 0 0 / 10%))}.staff-item h3{margin:0 0 0.5rem;font-size:1.1rem;line-height:1.3;color:var(--primary-color,var(--color-primary))}.staff-item p{margin:0 0 0.5rem;font-size:0.95rem;color:var(--gray-700,var(--color-text-secondary))}.staff-item .subtitle{font-size:0.9rem;color:var(--gray-600,var(--color-text-tertiary));font-style:italic;margin-bottom:0.75rem}.staff-item a{color:var(--accent-color,#007bff);text-decoration:none;font-size:0.9rem;word-break:break-all;margin-top:auto;transition:color 0.3s ease;display:inline-flex;align-items:center;gap:0.5rem}.staff-item a:hover{color:var(--accent-dark,var(--color-blue-hover));text-decoration:underline}.staff-item a::before{content:"\f0e0";font-family:"Font Awesome 6 Free",monospace;font-weight:900}.contact-form-section{background-color:var(--gray-50,var(--gray-50));padding:2rem;border-radius:var(--radius-lg,12px);margin-top:2rem}.contact-form-section h2{text-align:center;margin-bottom:1.5rem;color:var(--primary-color,var(--color-primary))}@media (width <=768px){.contact-page .hero-section{padding:3rem 1.5rem}.contact-page h1{font-size:2rem}.staff-row{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.staff-item{padding:1.25rem}}@media (width <=480px){.staff-row{grid-template-columns:1fr}}body.dark-mode .content-wrapper{background-color:var(--bg-color)}body.dark-mode .department-section h2{color:rgb(255 255 255 / 0.96);border-bottom-color:var(--accent-color)}body.dark-mode .staff-item{background-color:var(--dark-mode-card-bg);border:1px solid var(--border-color)}body.dark-mode .staff-item:hover{background-color:var(--color-gray-darkest);box-shadow:0 4px 12px var(--glass-bg-dark,var(--bg-overlay-medium))}body.dark-mode .staff-item h3{color:rgb(255 255 255 / 0.92)}body.dark-mode .staff-item p{color:rgb(255 255 255 / 0.82)}body.dark-mode .staff-item .subtitle{color:rgb(255 255 255 / 0.64)}body.dark-mode .staff-item a{color:rgb(108 185 255 / 0.95)}body.dark-mode .staff-item a:hover{color:rgb(144 205 255 / 1)}body.dark-mode .contact-form-section{background-color:var(--dark-mode-card-bg);border:1px solid var(--border-color)}body.dark-mode .contact-form-section h2{color:#ffffff}