:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app-wrapper{display:flex;gap:2rem;padding:2rem;min-height:100vh}.main-content{padding:2rem 1.5rem;background-color:#0f172a;color:#fff;border:4px solid #1a2333;border-radius:20px;box-shadow:4px 0 20px #0000004d;min-height:calc(100vh - 4rem)}.main-content header{font-size:2rem;font-weight:700;margin-bottom:.5rem;letter-spacing:1px;text-align:left}.main-content p{font-size:1rem;margin-bottom:.5rem;letter-spacing:1px;text-align:left}.main-nav{display:flex;gap:1rem;margin-left:auto;width:fit-content}.nav-tab{padding:.5rem 1rem;text-decoration:none;color:#c7d2fe;font-weight:700;border-bottom:2px solid transparent;transition:all .3s ease}.nav-tab:hover,.nav-tab.active{color:#fff;border-bottom:2px solid #646cff}.sidebar-container{gap:2rem;margin:0 auto}.sidebar{top:2rem;left:2rem;min-width:240px;margin-inline:auto;background-color:#0f172a;color:#fff;border-radius:20px;border:4px solid #1a2333;padding:2rem 1.5rem;box-shadow:4px 0 20px #0000004d;flex-shrink:0}.sidebar-info{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.sidebar-avatar{width:160px;height:160px;border-radius:50%;overflow:hidden;border:3px solid #646cff}.sidebar-avatar img{width:100%;height:100%;object-fit:cover}.name-and-role{height:100px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.name-and-role h1{font-size:2rem}.name-and-role p{border:2px solid #646cff;padding:.5rem 1rem;display:inline-block;background-color:#0f172a;font-size:.8rem}.sidebar-separator{width:80%;border:none;border-top:2px solid #646cff;border-radius:20px}.contact-list{display:flex;gap:1rem;list-style:none;padding:0}.icon-wrapper{display:inline-flex;align-items:center;gap:.5rem;color:#c7d2fe;cursor:pointer}.icon-wrapper svg{width:20px;height:20px;flex-shrink:0}.email-address{font-size:1rem;font-weight:700;color:#fff}.section-separator{border:none;border-radius:20px;border-top:4px solid #646cff;width:10%;margin:.5rem 0 1rem}.highlights-container{display:flex;gap:2rem;margin-top:3rem;justify-content:center;flex-wrap:wrap;align-items:stretch}.highlights-container section{flex:1;min-width:250px;padding:1rem;background-color:#1a2333;border-radius:15px;border:2px solid #646cff;display:flex;flex-direction:column;gap:1rem}.highlights-container h2{margin-top:0;margin-bottom:0;font-size:1.5rem;text-align:left}.section-item-collection{display:flex;flex-direction:row;gap:2rem;justify-content:center;align-items:flex-start;flex-wrap:wrap}.section-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem}.section-item-label{font-size:.9rem;font-weight:700;color:#c7d2fe}.section-item img{width:160px;height:160px}.activity-item-collection ul{list-style-type:circle;padding-left:1.5rem;display:flex;flex-direction:column;gap:.5rem}.activity-item-collection li{font-size:1rem;margin:0}.section-separator{border:none;border-radius:20px;border-top:4px solid #646cff;width:10%;margin:.5}.portfolio-posts-list{display:flex;flex-direction:column;gap:1.5rem;list-style:none;padding:0;margin:0}.portfolio-post-item{display:flex;flex-direction:row;align-items:flex-start;gap:1.5rem;background:#121212;border-radius:12px;padding:1rem;margin-bottom:1.5rem}.rtm-image{width:150px;height:auto;border-radius:8px;object-fit:cover}.wage-image{width:320px;height:auto;border-radius:8px;object-fit:cover;align-items:center}.portfolio-content{flex:1;display:flex;flex-direction:column;justify-content:center}.tech-stack-section{margin-top:15px;padding-top:15px;border-top:1px solid #eee}.tech-stack-title{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#999;margin:0 0 10px}.tech-badges{display:flex;flex-wrap:wrap;gap:8px}.tech-badge{display:inline-block;padding:4px 12px;background:#e3f2fd;color:#1976d2;border-radius:16px;font-size:13px;font-weight:500}.section-separator{border:none;border-radius:20px;border-top:4px solid #646cff;width:10%;margin:.5 rem 0 1rem 0}.timeline-list{position:relative;list-style:none;padding-left:40px;margin:0}.timeline-list:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:2px;background-color:#ccc}.timeline-item{position:relative;padding-bottom:30px;margin-bottom:20px}.timeline-item:before{content:"";position:absolute;left:-31px;top:5px;width:12px;height:12px;border-radius:50%;background-color:#007bff;border:2px solid #fff;box-shadow:0 0 0 2px #ccc}.timeline-item:last-child{padding-bottom:0}.timeline-item-title{margin:0 0 5px;font-size:18px}.timeline-text{margin:5px 0;color:#ababab;padding-left:0}.timeline-item span{display:block;font-size:14px;color:#646cff;margin-bottom:10px}