.bio-page{width:100%;min-height:100vh}.bio-hero{background:linear-gradient(135deg,#0A1628,#0F2744);padding:120px 20px 80px;text-align:center;color:#fff}.bio-hero .hero-content{max-width:1200px;margin:0 auto}.bio-hero .hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;margin-bottom:1rem;color:#fff}.bio-hero .hero-subtitle{font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:400;color:hsla(0,0%,100%,.9);margin:0}.bio-content{padding:60px 20px;background:#f8f9fa}.bio-content .content-container{max-width:1200px;margin:0 auto}.bio-content .bio-layout{display:grid;grid-template-columns:300px 1fr;grid-gap:60px;gap:60px;align-items:start}@media(max-width:900px){.bio-content .bio-layout{grid-template-columns:1fr;gap:40px}}.bio-sidebar{position:-webkit-sticky;position:sticky;top:120px}@media(max-width:900px){.bio-sidebar{position:static;display:flex;flex-direction:column;align-items:center}}.bio-sidebar .profile-image{width:100%;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);margin-bottom:30px}.bio-sidebar .contact-section{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.08)}@media(max-width:900px){.bio-sidebar .contact-section{width:100%;max-width:400px}}.bio-sidebar .contact-section .contact-title{font-size:1.25rem;font-weight:600;color:#2c3968;margin-bottom:20px;text-align:center}.bio-sidebar .contact-section .social-links{display:flex;flex-direction:column;gap:15px}.bio-sidebar .contact-section .social-links .social-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;text-decoration:none;color:#333;transition:all .3s ease;background:#f8f9fa}.bio-sidebar .contact-section .social-links .social-link:hover{background:#e9ecef;transform:translateX(5px)}.bio-sidebar .contact-section .social-links .social-link .social-icon{width:24px;height:24px;flex-shrink:0}.bio-sidebar .contact-section .social-links .social-link span{font-size:.95rem;font-weight:500}.bio-sidebar .contact-section .social-links .social-link[href^="mailto:"] span{font-size:.85rem}.bio-main{background:#fff;padding:40px;border-radius:12px;box-shadow:0 2px 15px rgba(0,0,0,.08)}@media(max-width:600px){.bio-main{padding:30px 20px}}.bio-main .bio-section-title{font-size:2rem;font-weight:700;color:#2c3968;margin-bottom:25px;padding-bottom:15px;border-bottom:3px solid #2c3968}.bio-main p{font-size:1.05rem;line-height:1.8;color:#333;margin-bottom:20px}.bio-main p:last-child{margin-bottom:0}.bio-main p i{font-style:italic}