@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{font-family:Inter,system-ui,Helvetica,Arial,sans-serif;font-weight:400;padding:0;margin:0;box-sizing:border-box;color-scheme:dark;color:#ffffffde;background-color:#0a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;scroll-behavior:smooth}*{box-sizing:border-box}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}:root{--nav-height: 72px}html::-webkit-scrollbar{display:none}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;color:#e4e4e7;line-height:1.6;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}.app{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-height);display:flex;align-items:center;background:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);z-index:1000;transition:all .3s ease}.nav-container{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;min-height:var(--nav-height);display:flex;align-items:center;justify-content:flex-end}.nav-logo{position:absolute;top:50%;left:2rem;transform:translate3d(0,-50%,0);transform-origin:left center;font-size:1.5rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:1;transition:opacity .35s ease,transform .45s cubic-bezier(.4,0,.2,1);pointer-events:auto}.nav-logo-hidden{opacity:0;transform:translate3d(-24px,-50%,0) scale(.85);pointer-events:none}.nav-links{position:absolute;top:50%;left:50%;display:flex;gap:2rem;width:max-content;transform:translate3d(-50%,-50%,0);transition:transform .55s cubic-bezier(.4,0,.2,1)}.nav-links-centered{transform:translate3d(-50%,-50%,0)}.nav-links-right{transform:translate3d(calc(-50% + var(--nav-slide, 0px)),-50%,0)}.nav-links button{background:none;border:none;color:#a1a1aa;font-size:1rem;cursor:pointer;padding:.5rem 1rem;border-radius:.5rem;transition:all .3s ease}.nav-links button:hover,.nav-links button.active{color:#fff;background:#ffffff1a}.hero-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 2rem;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#0a0a0a);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(102,126,234,.1) 0%,transparent 50%);z-index:1}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1200px;z-index:2;position:relative}.hero-text{display:flex;flex-direction:column;gap:1.5rem}.hero-name{font-size:4rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;animation:fadeInUp .8s ease-out;transform-origin:top left;transition:transform .55s cubic-bezier(.4,0,.2,1),letter-spacing .45s ease}.hero-name-compact{transform:translate3d(0,-.5rem,0) scale(.62);letter-spacing:.12em}.hero-slogan{font-size:1.5rem;color:#a1a1aa;max-width:500px;animation:fadeInUp .8s ease-out .2s both}.hero-buttons{display:flex;gap:1rem;margin-top:1rem;animation:fadeInUp .8s ease-out .4s both}.btn-primary,.btn-secondary{padding:1rem 2rem;border:none;border-radius:.75rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.btn-secondary{background:transparent;color:#e4e4e7;border:2px solid #667eea}.btn-secondary:hover{background:#667eea;transform:translateY(-2px)}.hero-image{display:flex;justify-content:center;animation:fadeInUp .8s ease-out .6s both}.headshot{width:350px;height:350px;border-radius:50%;object-fit:cover;border:4px solid transparent;background:linear-gradient(135deg,#667eea,#764ba2);padding:4px;transition:all .3s ease}.headshot:hover{transform:scale(1.05);box-shadow:0 20px 40px #667eea4d}.hero-scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);text-align:center;color:#a1a1aa;animation:bounce 2s infinite;z-index:2}.scroll-arrow{width:20px;height:20px;border-right:2px solid #667eea;border-bottom:2px solid #667eea;transform:rotate(45deg);margin:.5rem auto}section{padding:6rem 0}.section-title{font-size:3rem;font-weight:700;text-align:center;margin-bottom:3rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-section{background:#111}.about-intro{font-size:1.3rem;text-align:center;max-width:600px;margin:0 auto 3rem;color:#d4d4d8}.about-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.about-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2rem;transition:all .3s ease}.about-card:hover{transform:translateY(-5px);border-color:#667eea;box-shadow:0 10px 30px #667eea33}.about-card h3{font-size:1.5rem;margin-bottom:1rem;color:#fff}.about-card p{color:#a1a1aa;line-height:1.7}.projects-section{background:#0a0a0a}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:3rem}.project-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1rem;overflow:hidden;transition:all .3s ease}.project-card:hover{transform:translateY(-10px);border-color:#667eea;box-shadow:0 20px 40px #667eea33}.project-image{height:200px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.project-image img{width:60px;height:60px;filter:brightness(0) invert(1)}.sas-image{overflow:hidden;height:200px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;align-items:center}.sas-image img{border-radius:10px}.project-content{padding:2rem}.project-content h3{font-size:1.5rem;margin-bottom:1rem;color:#fff}.project-content p{color:#a1a1aa;margin-bottom:1.5rem;line-height:1.7}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{background:#667eea33;color:#667eea;padding:.25rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:500}.project-links{display:flex;gap:1rem}.project-link{color:#667eea;text-decoration:none;font-weight:600;padding:.5rem 1rem;border:1px solid #667eea;border-radius:.5rem;transition:all .3s ease}.project-link:hover{background:#667eea;color:#fff}.experience-section{background:#111}.experience-timeline{max-width:800px;margin:0 auto;position:relative}.experience-timeline:before{content:"";position:absolute;left:2rem;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#667eea,#764ba2)}.timeline-item{position:relative;margin-bottom:3rem;padding-left:5rem}.timeline-marker{position:absolute;left:1.25rem;top:.5rem;width:1.5rem;height:1.5rem;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid #111111;z-index:2}.timeline-content{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2rem;transition:all .3s ease}.timeline-content:hover{border-color:#667eea;box-shadow:0 10px 30px #667eea33}.timeline-content h3{font-size:1.5rem;color:#fff;margin-bottom:.5rem}.timeline-content h4{font-size:1.2rem;color:#667eea;margin-bottom:.5rem}.timeline-date{color:#a1a1aa;font-size:.9rem;font-weight:500;display:block;margin-bottom:1rem}.timeline-content p{color:#d4d4d8;margin-bottom:1rem;line-height:1.7}.timeline-content ul{list-style:none;padding-left:0}.timeline-content li{color:#a1a1aa;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.timeline-content li:before{content:"▶";position:absolute;left:0;color:#667eea;font-size:.8rem}.contact-section{background:#0a0a0a;text-align:center}.contact-subtitle{font-size:1.2rem;color:#a1a1aa;margin-bottom:3rem}.contact-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:800px;margin:0 auto 3rem}.contact-link{display:flex;align-items:center;gap:1rem;padding:2rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1rem;text-decoration:none;color:inherit;transition:all .3s ease}.contact-link:hover{transform:translateY(-5px);border-color:#667eea;box-shadow:0 10px 30px #667eea33}.contact-icon{width:3rem;height:3rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-icon svg{width:1.5rem;height:1.5rem;color:#fff}.link-info{display:flex;flex-direction:column;align-items:center;width:100%}.contact-link h3{color:#fff;font-size:1.2rem;margin-bottom:.25rem}.contact-link p{color:#a1a1aa;font-size:.9rem}.contact-footer{margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);color:#71717a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0) translate(-50%)}40%{transform:translateY(-10px) translate(-50%)}60%{transform:translateY(-5px) translate(-50%)}}@media (max-width: 768px){.nav-container{padding:1rem}.nav-links{gap:1rem}.nav-links button{padding:.5rem;font-size:.9rem}.hero-content{grid-template-columns:1fr;text-align:center;gap:2rem}.hero-name{font-size:2.5rem}.hero-slogan{font-size:1.2rem}.hero-buttons{justify-content:center;flex-wrap:wrap}.headshot{width:250px;height:250px}.section-title{font-size:2rem}.container{padding:0 1rem}.about-cards,.projects-grid{grid-template-columns:1fr}.timeline-item{padding-left:3rem}.experience-timeline:before{left:1rem}.timeline-marker{left:.25rem}.contact-links{grid-template-columns:1fr}.contact-link{flex-direction:column;text-align:center}}@media (max-width: 480px){.nav-links{flex-wrap:wrap;gap:.5rem}.hero-name{font-size:2rem}.hero-slogan{font-size:1rem}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;font-size:1rem}section{padding:4rem 0}}.blog-container{min-height:100vh;background:#0a0a0a;padding:6rem 0}.blog-header{text-align:center;margin-bottom:4rem}.blog-subtitle{font-size:1.2rem;color:#a1a1aa;max-width:600px;margin:0 auto;line-height:1.6}.blog-posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-top:3rem}.blog-post-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.blog-post-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.blog-post-card:hover:before{transform:scaleX(1)}.blog-post-card:hover{transform:translateY(-5px);border-color:#667eea;box-shadow:0 10px 30px #667eea33}.blog-post-card-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1rem;line-height:1.3}.blog-post-date{font-size:.9rem;font-weight:500}.blog-post-preview{color:#717177;line-height:1.6;margin-bottom:1.5rem}.blog-post-read-more{color:#667eea;font-weight:600;display:flex;gap:.5rem;transition:all .3s ease}.blog-post-card:hover .blog-post-read-more{transform:translate(5px)}.back-button{background:transparent;border:2px solid #667eea;color:#667eea;padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:2rem;display:inline-flex;align-items:center;gap:.5rem}.back-button:hover{background:#667eea;color:#fff;transform:translate(-5px)}.blog-post-full{max-width:800px;margin:0 auto}.blog-post-header{margin-bottom:3rem;padding-bottom:2rem;padding-left:1rem;padding-right:1rem;position:relative}.blog-post-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(135deg,#667eea,#764ba2)}.blog-post-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;color:#a1a1aa}.blog-post-title{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;margin-bottom:1rem}.blog-post-content{color:#e4e4e7;line-height:1.8;font-size:1.1rem;padding:0rem 1rem}.blog-post-content h1,.blog-post-content h2,.blog-post-content h3,.blog-post-content h4{color:#fff;margin-top:2rem;margin-bottom:1rem;font-weight:700}.blog-post-content h1{font-size:2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-post-content h2{font-size:2rem;color:#fff}.blog-post-content h3{font-size:1.5rem;margin-bottom:.5rem}.blog-post-content p{margin-bottom:.5rem}.blog-post-content a{color:#667eea;text-decoration:none;border-bottom:1px solid transparent;transition:all .3s ease}.blog-post-content a:hover{border-bottom-color:#667eea}.blog-post-content code{background:#ffffff1a;padding:.2rem .4rem;border-radius:.25rem;font-family:Monaco,Consolas,monospace;font-size:.9em;color:#667eea}.blog-post-content hr{border:none;height:1px;background:linear-gradient(135deg,#667eea,#764ba2);opacity:.3;margin:.5rem 0;border-radius:2px;box-shadow:0 0 10px #667eea4d}.blog-post-content pre{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:1.5rem;overflow-x:auto;margin:1.5rem 0}.blog-post-content pre code{background:none;padding:0;color:#e4e4e7}.blog-post-content blockquote{border-left:4px solid #667eea;padding-left:1.5rem;margin:1.5rem 0;font-style:italic;color:#d4d4d8;background:#667eea0d;padding:1rem 1.5rem;border-radius:0 .5rem .5rem 0}.blog-post-content ul,.blog-post-content ol{margin-bottom:1.5rem;padding-left:2rem}.blog-post-content li{margin-bottom:.5rem;color:#d4d4d8}.blog-loading{text-align:center;padding:4rem 0}.loading-spinner{width:40px;height:40px;border:3px solid rgba(102,126,234,.3);border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.blog-loading p{color:#a1a1aa;font-size:1.1rem}.no-posts{text-align:center;padding:4rem 0}.no-posts p{color:#a1a1aa;font-size:1.2rem}@media (max-width: 768px){.blog-container{padding:4rem 0}.blog-posts-grid{grid-template-columns:1fr;gap:1.5rem}.blog-post-card{padding:1.5rem}.blog-post-title{font-size:2rem}.blog-post-card-title{font-size:1.3rem}.container{padding:0 1rem}}@media (max-width: 480px){.blog-post-title{font-size:1.8rem}.blog-post-content{font-size:1rem}.blog-post-card{padding:1rem}}