: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}}:root{--primary: #0099ff;--secondary: #222;--light: #f5f5f5;--dark: #333;--success: #28a745;--warning: #ffc107;--danger: #dc3545;--gray: #6c757d;--gray-light: #f8f9fa;--gray-dark: #343a40}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background-color:#f0f0f0;color:var(--dark);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background-color:var(--primary);color:#fff;padding:2rem 0;position:relative;overflow:hidden}.header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0099ffe6,#0053adcc);z-index:1}.header-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.profile-info{flex:1}.profile-pic{width:180px;height:180px;border-radius:50%;border:5px solid white;box-shadow:0 0 20px #0003;margin-left:30px;background-color:#eee;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:3rem;color:#666}h1{font-size:3rem;margin-bottom:.5rem}.tagline{font-size:1.5rem;margin-bottom:1rem;font-weight:300}.contact-info{margin-top:1rem;display:flex;flex-wrap:wrap}.contact-item{display:flex;align-items:center;margin-right:1.5rem;margin-bottom:.5rem}.contact-item i{margin-right:.5rem}.nav{background-color:#fff;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.nav-container{display:flex;justify-content:space-between;align-items:center}.nav-links{display:flex;list-style:none}.nav-links li{margin:0}.nav-links a{display:block;padding:1.2rem 1.5rem;color:var(--dark);text-decoration:none;font-weight:500;transition:all .3s;border-bottom:2px solid transparent}.nav-links a:hover,.nav-links a.active{color:var(--primary);border-bottom:2px solid var(--primary)}.mobile-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--dark)}.main-content{min-height:calc(100vh - 300px)}.section{padding:4rem 0;background-color:#fff;margin:2rem 0;border-radius:10px;box-shadow:0 5px 15px #0000000d}.section-title{font-size:2rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--primary);color:var(--dark)}.section-description{margin-bottom:2rem;font-size:1.1rem;color:var(--gray)}.about-content{display:flex;flex-wrap:wrap;gap:2rem}.about-text{flex:2;min-width:300px}.about-text p{margin-bottom:1rem}.about-stats{flex:1;min-width:250px}.stat-card{background-color:#f9f9f9;border-radius:10px;padding:1.5rem;margin-bottom:1rem;border-left:4px solid var(--primary);box-shadow:0 3px 8px #0000000d}.stat-title{color:var(--secondary);font-size:1rem;margin-bottom:.5rem}.stat-value{font-size:2rem;font-weight:700;color:var(--primary)}.stat-desc{font-size:.9rem;color:#777;margin-top:.5rem}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;height:100%;width:2px;background-color:#e0e0e0;left:0;top:0}.timeline-item{position:relative;padding-bottom:2.5rem}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background-color:var(--primary);left:-2.5rem;top:.5rem;border:3px solid white;box-shadow:0 0 0 2px var(--primary)}.timeline-date{font-size:.9rem;color:#666;margin-bottom:.5rem}.timeline-title{font-size:1.4rem;margin-bottom:.5rem;color:var(--dark)}.timeline-company{font-size:1.1rem;color:var(--primary);margin-bottom:1rem}.timeline-description,.timeline-description p{margin-bottom:1rem}.timeline-description ul{padding-left:1.5rem;margin-bottom:1rem}.timeline-achievement{background-color:#f5f9ff;border-left:3px solid var(--primary);padding:1rem;margin-top:1rem;border-radius:0 5px 5px 0}.timeline-achievement-title{font-weight:700;margin-bottom:.5rem;color:var(--dark)}.timeline-achievement p{margin-bottom:.5rem}.timeline-achievement ul{padding-left:1.5rem}.skills-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.skill-category{background-color:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 3px 10px #0000000d;border-top:4px solid var(--primary)}.skill-category-title{font-size:1.2rem;margin-bottom:1.5rem;color:var(--dark);padding-bottom:.5rem;border-bottom:1px solid #eee}.skill-item{margin-bottom:1rem}.skill-info{display:flex;justify-content:space-between;margin-bottom:.5rem}.skill-name{font-weight:500}.skill-level{color:#777}.skill-bar{height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden}.skill-progress{height:100%;background-color:var(--primary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.project-card{background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000000d;transition:transform .3s,box-shadow .3s;cursor:pointer}.project-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}.project-img{height:200px;background-color:#eee;display:flex;align-items:center;justify-content:center;color:#999;font-size:3rem}.project-content{padding:1.5rem}.project-title{font-size:1.3rem;margin-bottom:.5rem;color:var(--dark)}.project-tags{display:flex;flex-wrap:wrap;margin:1rem 0}.project-tag{background-color:#f0f7ff;color:var(--primary);padding:.3rem .8rem;border-radius:20px;font-size:.8rem;margin-right:.5rem;margin-bottom:.5rem}.project-impact{color:var(--success);font-weight:500}.project-link{display:inline-block;margin-top:1rem;color:var(--primary);text-decoration:none;font-weight:500}.modal{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:1000;overflow-y:auto;justify-content:center;align-items:flex-start;padding:2rem 0}.modal-content{background-color:#fff;padding:2rem;width:80%;max-width:800px;border-radius:10px;box-shadow:0 5px 30px #0000004d;position:relative}.close-modal{position:absolute;top:1rem;right:1.5rem;font-size:1.5rem;cursor:pointer;color:#777}.modal-title{font-size:1.8rem;margin-bottom:1.5rem;color:var(--dark)}.modal-section{margin-bottom:1.5rem}.modal-section-title{font-size:1.2rem;margin-bottom:1rem;color:var(--primary)}.education-container{padding-left:2rem}.education-item{margin-bottom:2.5rem;position:relative}.education-item:last-child{margin-bottom:0}.education-item:before{content:"";position:absolute;left:-2rem;top:.5rem;width:12px;height:12px;border-radius:50%;background-color:var(--primary)}.education-date{font-size:.9rem;color:#666;margin-bottom:.5rem}.education-degree{font-size:1.3rem;margin-bottom:.5rem;color:var(--dark)}.education-school{font-size:1.1rem;color:var(--primary);margin-bottom:1rem}.analytics-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.analytics-card{background-color:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 3px 10px #0000000d}.analytics-card-title{font-size:1.1rem;margin-bottom:1rem;color:var(--dark)}.chart-container{height:250px;margin-bottom:1rem}.analytics-insight{background-color:#f9f9f9;border-radius:10px;padding:1.5rem;border-left:4px solid var(--primary)}.analytics-insight h3{margin-bottom:1rem;color:var(--dark)}.analytics-insight ul{padding-left:1.5rem;margin-top:.5rem}.analytics-insight li{margin-bottom:.5rem}.contact-grid{display:grid;grid-template-columns:1fr 2fr;gap:2rem}.contact-info-card{background-color:#f9f9f9;border-radius:10px;padding:1.5rem;box-shadow:0 3px 10px #0000000d}.contact-info-card h3{margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid #eee}.contact-detail{display:flex;margin-bottom:1.5rem;align-items:flex-start}.contact-detail i{margin-right:1rem;font-size:1.5rem;color:var(--primary)}.contact-detail h4{margin-bottom:.3rem;color:var(--dark)}.social-links{display:flex;margin-top:2rem}.social-link{display:inline-block;padding:.5rem 1rem;background-color:var(--primary);color:#fff;border-radius:5px;text-decoration:none;margin-right:1rem;transition:background-color .3s}.social-link:hover{background-color:#07c}.contact-form{background-color:#fff;border-radius:10px;padding:2rem;box-shadow:0 5px 15px #0000000d}.form-group{margin-bottom:1.5rem}label{display:block;margin-bottom:.5rem;font-weight:500}input,textarea{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:5px;font-size:1rem}input:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #09f3}.btn{display:inline-block;background-color:var(--primary);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .3s;text-decoration:none}.btn:hover{background-color:#07c}.success-message{text-align:center;padding:2rem}.success-message h3{margin-bottom:1rem;color:var(--success)}.footer{background-color:var(--secondary);color:#fff;padding:2rem 0;text-align:center}.footer-links{display:flex;justify-content:center;margin-bottom:1rem}.footer-link{color:#fff;margin:0 1rem;text-decoration:none;transition:opacity .3s}.footer-link:hover{opacity:.8}.footer-copyright{font-size:.9rem;color:#aaa}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animated{animation:fadeIn .6s ease forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}@media (max-width: 992px){.contact-grid{grid-template-columns:1fr}}@media (max-width: 768px){.header-content{flex-direction:column;text-align:center}.profile-pic{margin:0 auto 1.5rem}.contact-info{justify-content:center}.mobile-toggle{display:block}.nav-links{display:none;flex-direction:column;width:100%;position:absolute;top:100%;left:0;background-color:#fff;box-shadow:0 5px 10px #0000001a}.nav-links.active{display:flex}.nav-links a{padding:1rem 1.5rem;border-bottom:1px solid #eee}.about-content{flex-direction:column}.projects-grid,.analytics-cards{grid-template-columns:1fr}.modal-content{width:95%;padding:1.5rem}}@media (max-width: 576px){h1{font-size:2.5rem}.tagline{font-size:1.2rem}.section{padding:2rem 0}.skills-container,.projects-grid,.analytics-cards{gap:1rem}.contact-info-card,.contact-form{padding:1.5rem}}body{margin:0;padding:0;display:flex;justify-content:center;min-height:100vh;width:100%}#root{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center}.app{width:100%;max-width:100%}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}.header,.nav{width:100%}.section{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;box-sizing:border-box}.footer{width:100%}@media (max-width: 768px){.container{padding:0 15px}}.horizontal-timeline{position:relative;width:100%;max-width:1000px;margin:30px auto 60px;padding:40px 20px;height:250px}.timeline-line:after{content:"";position:absolute;left:-12px;top:-8px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:12px solid #e0e0e0}.timeline-items{position:relative;display:flex;justify-content:space-between;width:100%;height:100%;z-index:2}.timeline-point{position:relative;width:25%;cursor:pointer;transition:transform .3s ease}.timeline-point:hover{transform:translateY(-5px)}.timeline-point.top .point-content{position:absolute;bottom:70px;left:50%;transform:translate(-50%)}.timeline-point.top .point-content:after{content:"";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:2px;height:20px;background-color:currentColor}.timeline-point.bottom .point-content{position:absolute;top:150px;left:50%;transform:translate(-50%)}.timeline-point.bottom .point-content:after{content:"";position:absolute;top:-20px;left:50%;transform:translate(-50%);width:2px;height:20px;background-color:currentColor}.point-marker{position:absolute;top:118px;left:50%;transform:translate(-50%);width:16px;height:16px;border-radius:50%;border:3px solid white;box-shadow:0 0 0 2px currentColor;z-index:3}.point-content{width:100%;max-width:180px;background-color:#fff;border-radius:8px;padding:15px;box-shadow:0 4px 15px #0000001a;color:var(--primary);text-align:center}.point-year{font-weight:700;font-size:1.1rem;margin-bottom:5px}.point-company{font-weight:500;margin-bottom:3px}.point-title{font-size:.9rem;color:#666}@media (max-width: 768px){.horizontal-timeline{height:auto;padding:0;margin-bottom:30px}.timeline-line{display:none}.timeline-items{flex-direction:column}.timeline-point{width:100%;margin-bottom:15px;padding-left:30px;transform:none!important}.timeline-point:hover{transform:none!important}.timeline-point.top .point-content,.timeline-point.bottom .point-content{position:static;transform:none;margin-left:25px;text-align:left;box-shadow:none;padding:0;max-width:none;background:transparent}.timeline-point.top .point-content:after,.timeline-point.bottom .point-content:after{display:none}.point-marker{top:12px;left:10px}}.profile-pic{width:180px;height:180px;border-radius:50%;border:5px solid white;box-shadow:0 0 20px #0003;margin-left:30px;overflow:hidden}.profile-pic img{width:100%;height:100%;object-fit:cover}.linkedin-award{margin-top:2.5rem;padding:1.5rem;background-color:#f8f9fa;border-radius:10px;box-shadow:0 3px 15px #00000014}.linkedin-award h3{margin-bottom:1.2rem;color:#0a66c2;font-size:1.4rem}.linkedin-image-container{display:flex;flex-direction:column;align-items:center}.linkedin-post-image{max-width:100%;border-radius:8px;box-shadow:0 3px 12px #0000001f;border:1px solid #e0e0e0}.linkedin-caption{margin-top:1rem;font-style:italic;color:#666;text-align:center}.awards-section{margin-top:3rem;padding:2rem;background-color:#f8f9fa;border-radius:10px;box-shadow:0 3px 15px #00000014}.awards-section h3{margin-bottom:1.5rem;color:#333;font-size:1.4rem;text-align:center}.fixed-layout-container{display:flex;flex-direction:column;gap:10px;width:100%;max-width:800px;margin:0 auto;aspect-ratio:1.2 / 1}.fixed-layout-top{display:flex;gap:10px;height:60%}.fixed-layout-bottom{height:100%}.fixed-layout-item{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 3px 10px #0000001a;flex:1;height:100%}.fixed-layout-image{width:100%;height:100%;object-fit:cover;display:block}.fixed-layout-item.wide{width:100%}.awards-caption{text-align:center;font-style:italic;color:#666;margin-top:1.5rem}@media (max-width: 768px){.awards-section{padding:1.5rem}.fixed-layout-container{width:100%}}@media (max-width: 480px){.awards-section{padding:1rem}}.vertical-connector{position:absolute;left:50%;width:2px;transform:translate(-50%);z-index:2;opacity:.7}.timeline-point.top .vertical-connector{top:125px;height:40px;bottom:auto}.timeline-point.bottom .vertical-connector{top:85px;height:40px}.alternating-timeline{width:100%;max-width:1000px;margin:20px auto 60px;padding:20px 0;position:relative}.timeline-container{position:relative;height:300px;display:flex;justify-content:center;align-items:center}.timeline-horizontal-line{position:absolute;width:90%;height:2px;background-color:#e0e0e0;top:50%;left:5%;z-index:1}.timeline-horizontal-line:after{content:"";position:absolute;right:-8px;top:-4px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:10px solid #e0e0e0}.timeline-markers{position:absolute;width:100%;height:100%;display:flex;justify-content:space-around;align-items:center}.timeline-card{position:absolute;left:calc(25% * var(--index) - 90px);width:180px;padding:15px;background-color:#fff;border-radius:8px;box-shadow:0 3px 10px #0000001a;z-index:10;text-align:center}.top-card{bottom:60%;border-top:3px solid var(--card-color)}.bottom-card{top:60%;border-top:3px solid var(--card-color)}.timeline-year{font-weight:700;font-size:1.1rem;margin-bottom:5px}.timeline-company{font-weight:500;margin-bottom:3px;color:#333}.timeline-dot{position:absolute;width:16px;height:16px;border-radius:50%;left:calc(25% * var(--index));top:50%;transform:translate(-50%,-50%);border:3px solid white;box-shadow:0 0 0 2px currentColor;z-index:3;cursor:pointer}.timeline-connector{position:absolute;width:2px;left:calc(25% * var(--index));transform:translate(-50%);z-index:2}.top-connector{top:25%;height:25%}.bottom-connector{top:50%;height:25%}.timeline-markers>*:nth-child(3n+1){--index: 0}.timeline-markers>*:nth-child(3n+4){--index: 1}.timeline-markers>*:nth-child(3n+7){--index: 2}.timeline-markers>*:nth-child(3n+10){--index: 3}@media (max-width: 768px){.alternating-timeline{overflow-x:auto;margin:20px 0 40px}.timeline-container{width:800px;min-width:100%}.timeline-horizontal-line{width:80%;left:10%}.timeline-card{width:160px}}.timeline-top-cards,.timeline-bottom-cards{display:grid;grid-template-columns:1fr 200px 1fr 200px 1fr;width:100%;position:absolute}.timeline-top-cards{top:20px}.timeline-bottom-cards{bottom:20px}.timeline-card{background-color:#fff;padding:15px;border-radius:8px;box-shadow:0 3px 10px #00000014;text-align:center}.timeline-year{font-weight:700;font-size:1.1rem;margin-bottom:5px;color:inherit}.timeline-company{font-weight:500;margin-bottom:3px;color:inherit}.timeline-position{font-size:.9rem;color:#666}.timeline-line{position:absolute;top:66%;left:0;right:0;height:2px;background-color:#e0e0e0}.timeline-arrow{position:absolute;right:0;top:-4px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:10px solid #e0e0e0}.timeline-dots{position:absolute;top:50%;width:95%;height:20px;transform:translateY(-50%)}.timeline-dot{position:absolute;width:16px;height:16px;border-radius:50%;top:50%;transform:translate(-50%,-50%);border:3px solid white;box-shadow:0 0 0 1px #ddd;z-index:2;cursor:pointer}.timeline-top-connectors,.timeline-bottom-connectors{position:absolute;width:95%;left:0}.timeline-top-connectors{top:105px;height:95px}.timeline-bottom-connectors{bottom:105px;height:95px}.timeline-connector{position:absolute;width:2px;height:100%;transform:translate(-50%)}@media (max-width: 768px){.timeline-exact{overflow-x:auto;padding:20px 0}.timeline-top-cards,.timeline-bottom-cards,.timeline-dots,.timeline-top-connectors,.timeline-bottom-connectors,.timeline-line{width:800px}}.timeline-dot:hover{transform:translate(-50%,-50%) scale(1.2);transition:transform .2s ease}.scroll-down-container{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .5s ease;z-index:10;opacity:1}.scroll-down-container.fade-out{opacity:0;pointer-events:none;transform:translate(-50%) translateY(20px)}.scroll-down-container:hover{transform:translate(-50%) translateY(5px)}.scroll-down-arrow{display:flex;flex-direction:column;align-items:center;animation:bounce 2s infinite}.scroll-down-arrow span{display:block;width:20px;height:20px;border-bottom:3px solid #0099ff;border-right:3px solid #0099ff;transform:rotate(45deg);margin:-10px;animation:animate 2s infinite}.scroll-down-arrow span:nth-child(2){animation-delay:-.2s}.scroll-down-arrow span:nth-child(3){animation-delay:-.4s}.scroll-text{margin-top:20px;color:#09f;font-size:14px;font-weight:600;animation:fadeIn 2s infinite alternate}@keyframes animate{0%{opacity:0;transform:rotate(45deg) translate(-20px,-20px)}50%{opacity:1}to{opacity:0;transform:rotate(45deg) translate(20px,20px)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes fadeIn{0%{opacity:.5}to{opacity:1}}@media (max-width: 768px){.scroll-down-container{bottom:20px}.scroll-down-arrow span{width:15px;height:15px}.scroll-text{font-size:12px}}.timeline-details{margin-top:60px}.experience-item{margin-bottom:60px;padding-bottom:30px;border-bottom:1px solid #eee}.experience-item:last-child{border-bottom:none}.experience-header{margin-bottom:25px;padding-left:20px;border-left:4px solid}.experience-date{font-size:1rem;font-weight:500;margin-bottom:5px}.experience-title{font-size:1.5rem;margin-bottom:8px}.experience-company{font-size:1.1rem;color:#555}.experience-content{padding-left:24px}.experience-section{margin-bottom:20px}.experience-section h4{font-size:1.1rem;margin-bottom:10px}.experience-section p,.experience-section ul{margin-bottom:10px;line-height:1.6}.experience-section ul{padding-left:20px}.experience-section li{margin-bottom:8px}.experience-achievement{background-color:#f8f9fa;border-radius:8px;padding:20px;margin-top:20px;border-left:4px solid}.experience-achievement h4{font-size:1.1rem;margin-bottom:15px}.experience-achievement p{margin-bottom:10px}.experience-item:hover .experience-header{transform:translate(5px);transition:transform .3s ease}@media (max-width: 768px){.experience-header{padding-left:15px}.experience-content{padding-left:19px}.experience-title{font-size:1.3rem}.experience-achievement{padding:15px}}.experience-item:target{animation:highlight 1.5s ease}@keyframes highlight{0%{background-color:#fff0}30%{background-color:#e6f5ff80}to{background-color:#fff0}}