ent(135deg, #f5f7fa 0%, #c3cfe2 100%); min-height: 100vh; } .academic-page * { box-sizing: border-box; } .academic-page .section { margin-bottom: 60px; } .academic-page .section-title { text-align: center; margin-bottom: 40px; } .academic-page .section-title h2 { font-size: 2.5rem; font-weight: 700; color: #2c3e50; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 2px; } .academic-page .section-title hr.center { width: 100px; height: 4px; background: linear-gradient(90deg, #667eea 0%, #764ba2 100%); border: none; margin: 0 auto; border-radius: 2px; } .academic-page .row { display: flex; flex-wrap: wrap; margin: 0 -15px; } .academic-page .col-md-3 { flex: 0 0 25%; max-width: 25%; padding: 0 15px; margin-bottom: 30px; } .academic-page .profile-card { background: #ffffff; border-radius: 20px; overflow: hidden; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; height: 100%; display: flex; flex-direction: column; } .academic-page .profile-card:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); } .academic-page .profile-card img { width: 100%; height: 280px; object-fit: cover; display: block; } .academic-page .profile-card-content { padding: 20px 20px 10px; flex: 1; display: flex; flex-direction: column; } .academic-page .profile-card h3 { font-size: 1.1rem; font-weight: 600; color: #2c3e50; margin-bottom: 8px; line-height: 1.4; min-height: 60px; } .academic-page .profile-card h6 { font-size: 0.9rem; color: #667eea; font-weight: 500; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 0.5px; } .academic-page .profile-card p { font-size: 0.85rem; color: #7f8c8d; margin-bottom: 8px; flex: 0; } .academic-page .profile-actions { display: flex; justify-content: center; gap: 12px; margin-top: 6px; padding-top: 8px; padding-bottom: 0; margin-bottom: 0; border-top: 1px solid #e9ecef; } .academic-page .action-btn { width: 45px; height: 45px; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: all 0.3s ease; font-size: 1.2rem; color: #fff; border: none; cursor: pointer; } .academic-page .action-btn.cv-btn { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); } .academic-page .action-btn.cv-btn:hover { transform: scale(1.1) rotate(5deg); box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4); } .academic-page .action-btn.mail-btn { background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); } .academic-page .action-btn.mail-btn:hover { transform: scale(1.1) rotate(-5deg); box-shadow: 0 5px 15px rgba(245, 87, 108, 0.4); } .academic-page .action-btn i { transition: transform 0.3s ease; } .academic-page .action-btn:hover i { transform: scale(1.2); } /* Responsive Design */ @media (max-width: 1200px) { .academic-page .col-md-3 { flex: 0 0 33.333333%; max-width: 33.333333%; } } @media (max-width: 992px) { .academic-page .col-md-3 { flex: 0 0 50%; max-width: 50%; } .academic-page .section-title h2 { font-size: 2rem; } } @media (max-width: 768px) { .academic-page .col-md-3 { flex: 0 0 100%; max-width: 100%; } .academic-page { padding: 20px 10px; } .academic-page .section-title h2 { font-size: 1.75rem; } .academic-page .profile-card img { height: 250px; } } @media (max-width: 576px) { .academic-page .profile-card-content { padding: 15px 15px 8px; } .academic-page .profile-card h3 { font-size: 1rem; min-height: 50px; margin-bottom: 6px; } .academic-page .profile-card h6 { margin-bottom: 8px; } .academic-page .profile-card p { margin-bottom: 6px; } .academic-page .profile-actions { margin-top: 4px; padding-top: 6px; padding-bottom: 0; margin-bottom: 0; gap: 10px; } .academic-page .action-btn { width: 40px; height: 40px; font-size: 1rem; } }