: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;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}}body{margin:0;font-family:system-ui,Arial,sans-serif;background:#f9f9f9;color:#222}.main-container{width:100%;max-width:900px;margin:0 auto;padding:32px 16px;background:#fff;border-radius:12px;box-shadow:0 2px 16px #0000000f;min-height:100%}.centered{display:flex;flex-direction:column;align-items:center;justify-content:center}.home-header{display:flex;flex-direction:row;align-items:center;gap:16px;margin-bottom:16px}.about-me-section{margin-left:2%;font-size:1rem;line-height:1.6;color:#333;word-wrap:break-word;overflow-wrap:break-word}.skills-layout{margin-left:2%;display:flex;align-items:flex-start}.skills-section{min-width:180px}.skills-columns{display:flex;flex-wrap:wrap;gap:4%}.skills-columns ul{list-style:disc inside;margin:0;padding:0}.skills-pills{display:flex;flex-wrap:wrap;gap:14px 18px;margin-top:12px}.skill-pill{background:#f3f5f7;color:#222;border-radius:18px;padding:7px 18px;font-size:1rem;font-weight:500;box-shadow:0 1px 3px #00000008;margin:0;white-space:nowrap;transition:background .2s}.skill-pill:hover{background:#e5e8eb}.skills-section h3{text-align:left;margin-bottom:0}.social-links{display:flex;flex-direction:row;justify-content:center;gap:32px;margin-top:32px}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-container main{flex:1}.page-enter{opacity:0;transform:translateY(18px)}.page-enter.visible{animation:pageFadeUp .7s cubic-bezier(.4,0,.2,1) forwards}@keyframes pageFadeUp{to{opacity:1;transform:translateY(0)}}.stagger{opacity:0;transform:translateY(12px);animation:staggerFadeUp .6s ease forwards}.stagger-late{transition-delay:.8s}.stagger-last{transition-delay:1.2s}.page-enter.visible .stagger:nth-child(1){animation-delay:.1s}.page-enter.visible .stagger:nth-child(2){animation-delay:.2s}.page-enter.visible .stagger:nth-child(3){animation-delay:.3s}.page-enter.visible .stagger:nth-child(4){animation-delay:.4s}.page-enter.visible .stagger:nth-child(5){animation-delay:.5s}@keyframes staggerFadeUp{to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.page-enter,.stagger{animation:none;opacity:1;transform:none}}@media(max-width:600px){.main-container{max-width:100%;padding:16px 4px;border-radius:0}}.navbar-centered{position:sticky;top:0;z-index:1000;display:flex;justify-content:center;align-items:center;padding:20px 0;background:#f9f9f9d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid rgba(0,0,0,.06)}.navbar-links{display:flex;align-items:center;gap:28px;overflow-x:auto;white-space:nowrap;justify-content:flex-start;-webkit-overflow-scrolling:touch}.navbar-links::-webkit-scrollbar{display:none}.navbar-links{-ms-overflow-style:none;scrollbar-width:none}@media(max-width:600px){.nav-connector{width:50px}.nav-connector-path{stroke-width:1.4}.navbar-links{gap:20px}.resume-download{padding:5px 10px;font-size:.95rem}}.navbar-link{color:#222;transition:background .25s ease,color .25s ease,transform .15s ease}.navbar-link.active{color:#1a237e;font-weight:600;background:none}.navbar-link{position:relative}.navbar-link:after{content:"";position:absolute;left:10%;right:10%;bottom:-2px;height:2px;background:#1a237e;border-radius:2px;opacity:0;transform:scaleX(.4);transition:transform .25s ease,opacity .25s ease}.navbar-link.active:after{opacity:1;transform:scaleX(1)}.navbar-link:hover{transform:translateY(-1px)}.nav-connector{display:block}.nav-connector-path{stroke:#a0a6b1;stroke-width:1.6;fill:none;transform-origin:center;animation:wave-breathe 4s cubic-bezier(.4,0,.2,1) infinite}@keyframes wave-breathe{0%{transform:scaleY(.6);opacity:.55}50%{transform:scaleY(1.8);opacity:1}to{transform:scaleY(.6);opacity:.55}}@media(prefers-reduced-motion:reduce){.nav-connector-path{animation:none}}.resume-download{background:#1a237e;color:#fff;padding:6px 14px;border-radius:6px;font-weight:500;transition:background .25s,transform .15s}.resume-download:hover{background:#3c42c4;transform:translateY(-1px)}.contact-container{max-width:500px;margin:48px auto 0;background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;padding:40px 32px 32px;text-align:center}.contact-container h1{font-size:2.2rem;margin-bottom:16px;color:#2d3748}.contact-intro{font-size:1.1rem;color:#4a5568;margin-bottom:32px}.contact-info{display:flex;flex-direction:column;gap:18px;align-items:center}.contact-item{font-size:1.15rem;color:#2d3748;background:#f7fafc;border-radius:8px;padding:12px 24px;box-shadow:0 2px 8px #00000008;display:flex;align-items:center;gap:10px}.contact-label{font-weight:600;color:#3182ce}.contact-link{color:#2b6cb0;text-decoration:none;font-weight:500;transition:color .2s}.contact-link:hover{color:#63b3ed;text-decoration:underline}.experience-cards{position:relative;display:flex;flex-direction:column;gap:32px;margin-top:32px;padding-left:5%}.experience-cards:before{content:"";position:absolute;left:12px;top:0;bottom:0;width:2px;background:#1a237e26}.experience-card{background:#fff;border-radius:12px;box-shadow:0 2px 16px #00000014;padding:24px 28px 20px;max-width:600px;margin:0 auto;position:relative;transition:box-shadow .2s}.experience-card:before{content:"";position:absolute;left:-36px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#1a237e;border-radius:50%;box-shadow:0 0 0 4px #f9f9f9}.experience-card:hover{box-shadow:0 4px 24px #00000021}@media(max-width:600px){.experience-cards{padding-left:0}.experience-cards:before,.experience-card:before{display:none}}.experience-title{font-size:1.2rem;font-weight:600;margin-bottom:2px}.experience-meta{display:flex;justify-content:space-between;font-size:.95rem;color:#555}.experience-company{font-size:1rem;color:#3b3b3b;margin-bottom:12px}.experience-dates{font-size:.95rem;color:#6a6a6a;margin-bottom:18px}.experience-content{font-size:1rem;color:#232323;line-height:1.6;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;max-height:3.5em;opacity:.85;transform:translateY(4px);transition:max-height .6s cubic-bezier(.4,0,.2,1),opacity .35s ease,transform .45s ease}.experience-content:not(.collapsible){max-height:none;opacity:1;transform:none;transition:none}.experience-content.expanded{max-height:1000px;opacity:1;transform:translateY(0)}.experience-toggle{background:none;color:#1a237e;font-weight:500;cursor:pointer;margin-top:8px;padding:0;font-size:.98rem}