:root{--primary:#03b6cb;--primary-dark:#028fa3;--secondary:#e74c3c;--dark:#2c3e50;--light:#f8f9fa;--gray:#6c757d;--border-radius:12px;--box-shadow:0 5px 15px rgba(0,0,0,.1)}.profile-container{max-width:1200px;margin:30px auto;padding:0 20px}.profile-header{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;padding:30px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden;margin-bottom:30px}.profile-header::before{content:"";position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:rgba(255,255,255,.1);border-radius:50%}.profile-avatar{width:150px;height:150px;border-radius:50%;object-fit:cover;border:5px solid #fff;box-shadow:0 5px 15px rgba(0,0,0,.2);margin-bottom:20px;z-index:1;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.profile-avatar:hover{transform:scale(1.05);box-shadow:0 8px 25px rgba(0,0,0,.3)}.profile-name{font-size:2.2rem;margin:0;color:#fff;font-weight:700;z-index:1}.profile-role{font-size:1.1rem;opacity:.9;margin:10px 0 20px;z-index:1}.profile-social{display:flex;gap:15px;margin-bottom:20px;z-index:1}.social-icon{color:#fff;font-size:1.5rem;transition:transform .3s}.social-icon:hover{transform:translateY(-3px)}.profile-stats{display:flex;gap:30px;background:rgba(255,255,255,.2);padding:15px 30px;border-radius:50px;z-index:1}.stat-item{text-align:center}.stat-number{font-size:1.5rem;font-weight:700;margin-bottom:5px}.stat-label{font-size:.9rem;opacity:.8}.profile-content{display:grid;grid-template-columns:1fr 300px;gap:30px}.profile-main{background:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:20px}.profile-sidebar{display:flex;flex-direction:column;gap:20px}.sidebar-card{background:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:20px}.section-title{font-size:1.5rem;color:var(--dark);margin-top:0;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--primary);display:flex;align-items:center;gap:10px}.section-title i{color:var(--primary)}.bio-text{line-height:1.7;color:#555}.activity-list{list-style:none;padding:0;margin:0}.activity-item{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid #eee;align-items:center}.activity-item:last-child{border-bottom:none}.activity-image{width:80px;height:80px;border-radius:10px;object-fit:cover;flex-shrink:0;box-shadow:0 3px 10px rgba(0,0,0,.1);transition:transform .3s ease}.activity-image:hover{transform:scale(1.05)}.activity-content{flex:1}.activity-title{font-size:1rem;font-weight:600;margin:0 0 8px;color:#2c3e50}.activity-title a{color:inherit;text-decoration:none;transition:color .3s}.activity-title a:hover{color:#03b6cb}.activity-date{font-size:.9rem;color:#6c757d;display:flex;align-items:center;gap:5px}@media (max-width:768px){.activity-item{gap:15px;padding:15px 0}.activity-image{width:60px;height:60px}.activity-title{font-size:1rem}}.tag-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.tag{background:#f0f8ff;color:var(--primary-dark);padding:5px 12px;border-radius:50px;font-size:.9rem}.contact-list{list-style:none;padding:0;margin:0}.contact-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #eee}.contact-icon{width:30px;height:30px;background:#f0f8ff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary)}.contact-label{font-weight:600;color:var(--dark);min-width:80px}.contact-value{color:#555}.contact-value a{color:var(--primary);text-decoration:none;transition:color .3s}.contact-value a:hover{color:var(--primary-dark);text-decoration:underline}@media (max-width:992px){.profile-content{grid-template-columns:1fr}.profile-header{padding:25px 20px}.profile-name{font-size:1.8rem}}@media (max-width:768px){.profile-stats{flex-direction:column;gap:15px;padding:15px;border-radius:var(--border-radius)}.profile-avatar{width:120px;height:120px}.section-title{font-size:1.3rem}}@media (max-width:576px){.profile-header{padding:20px 15px}.profile-name{font-size:1.5rem}.profile-role{font-size:1rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{position:relative;max-width:90%;max-height:90%;transition:transform .3s ease;transform:scale(.8)}.modal-overlay.active .modal-content{transform:scale(1)}.modal-image{max-width:100%;max-height:80vh;border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,.3);object-fit:contain}.close-modal{position:absolute;top:-40px;right:-10px;color:#fff;font-size:2rem;cursor:pointer;background:rgba(255,255,255,.2);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s}.close-modal:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}