:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}.left-panel{padding:3rem;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:1rem}.profile-img{width:150px;height:150px;border-radius:50%;object-fit:cover;margin-bottom:1rem}.left-panel h1{font-size:2.5em;margin:0}.left-panel h2{font-size:1.2em;font-weight:400;color:#888;margin:0 0 1rem}.bio{font-size:1em;line-height:1.6}.contact-info{margin-top:1rem}.contact-info p{display:flex;align-items:center;gap:.5rem}.icon{font-size:1.2em}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-icon{font-size:1.5em;color:#333;transition:color .3s}.social-icon:hover{color:#646cff}.timeline-item{display:flex;justify-content:space-between;position:relative;padding-left:2rem;padding-bottom:2rem;border-left:2px solid #e0e0e0}.timeline-item:last-child{border-left:2px solid transparent}.timeline-item:before{content:"";position:absolute;left:-11px;top:0;width:16px;height:16px;border-radius:50%;background-color:#fff;border:2px solid #e0e0e0}.timeline-content{max-width:70%}.timeline-content h4{margin:0 0 .25rem;font-size:1.1em}.company{font-weight:600;margin:0 0 .5rem}.description{color:#666;margin:0}.timeline-date{color:#888;font-size:.9em}.skills-section{margin-bottom:3rem;text-align:left}.skills-section h3{font-size:1.5em;margin-bottom:1.5rem;border-bottom:1px solid #eee;padding-bottom:.5rem}.right-panel{padding:3rem}.skills-section,.experience-section{margin-bottom:3rem;text-align:left}.skills-section h3,.experience-section h3{font-size:1.5em;margin-bottom:1.5rem;border-bottom:1px solid #eee;padding-bottom:.5rem}.skills-grid{display:flex;flex-direction:column;gap:1.5rem}.skill-category h4{font-size:1em;font-weight:600;margin-bottom:.75rem;color:#555}.tags{display:flex;flex-wrap:wrap;gap:.5rem}.tags span{background-color:#f0f0f0;padding:.5em 1em;border-radius:15px;font-size:.9em}.app-container{display:flex;width:100%;min-height:100vh;background-color:#fdfdfd}.left-column{width:40%;max-width:500px;position:sticky;top:0;height:100vh;background-color:#fff;border-right:1px solid #e0e0e0}.right-column{flex-grow:1;height:100vh;overflow-y:auto}@media (max-width: 768px){.app-container{flex-direction:column}.left-column{position:static;width:100%;height:auto;border-right:none;border-bottom:1px solid #e0e0e0}.right-column{height:auto;overflow-y:visible}}