:root{--color-bg-deep:#080f0c;--color-bg-card:#0d1a1599;--color-bg-card-hover:#142921d9;--color-text-primary:#e6edea;--color-text-secondary:#94aba0;--color-text-muted:#677d72;--color-forest-pine:#1b4332;--color-moss-accent:#40916c;--color-rain-glow:#74c69d;--color-mist-grey:#b4c3bc26;--color-border-glow:#74c69d26;--color-border-glow-hover:#74c69d8c;--font-display:"Playfair Display", Georgia, serif;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-accent:"Outfit", sans-serif;--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--color-bg-deep);color:var(--color-text-primary);font-family:var(--font-sans);overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-deep)}::-webkit-scrollbar-thumb{background:var(--color-forest-pine);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-moss-accent)}@keyframes drift-right{0%{transform:translate(-10%)}50%{transform:translate(5%,2%)}to{transform:translate(-10%)}}@keyframes drift-left{0%{transform:translate(10%)}50%{transform:translate(-5%,-2%)}to{transform:translate(10%)}}@keyframes pulse-bounce{0%,to{opacity:.5;transform:translateY(0)scale(1)}50%{opacity:1;filter:drop-shadow(0 0 8px var(--color-rain-glow));transform:translateY(12px)scale(1.05)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.container{max-width:1100px;margin:0 auto;padding:0 2rem}.hero{text-align:center;background-color:#0e1713;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg-container{z-index:1;transition:transform .5s ease-out;position:absolute;inset:0;transform:scale(1.05)}.hero-video{object-fit:cover;width:100%;height:100%;display:block}.hero-overlay{pointer-events:none;background-image:linear-gradient(#080f0c66 0%,#080f0ce6 100%);position:absolute;inset:0}.mist-layer{z-index:2;pointer-events:none;opacity:.35;width:200%;height:100%;position:absolute;top:0;left:0}.mist-layer-1{background:radial-gradient(circle at 30% 40%,#becdc626 0%,#0000 60%),radial-gradient(circle at 85% 20%,#aabeb41f 0%,#0000 50%);animation:40s ease-in-out infinite drift-right}.mist-layer-2{opacity:.25;background:radial-gradient(circle at 70% 60%,#becdc61f 0%,#0000 65%),radial-gradient(circle at 15% 80%,#aabeb41a 0%,#0000 50%);animation:55s ease-in-out infinite drift-left}.rain-overlay{z-index:2;pointer-events:none;background:linear-gradient(170deg,#74c69d05 0%,#0000 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:3;max-width:800px;padding:0 2rem;animation:1.8s cubic-bezier(.16,1,.3,1) forwards fade-in-up;position:relative}.hero-quote{font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:-.01em;text-shadow:0 4px 24px #000000b3;margin-bottom:2rem;font-size:2.2rem;font-style:italic;font-weight:400;line-height:1.45}.hero-quote-author{font-family:var(--font-accent);text-transform:uppercase;letter-spacing:.3em;color:var(--color-text-secondary);text-shadow:0 2px 10px #0009;font-size:.95rem}.hero-scroll-btn{z-index:3;cursor:pointer;color:var(--color-text-secondary);font-family:var(--font-accent);letter-spacing:.25em;text-transform:uppercase;transition:var(--transition-smooth);background:0 0;border:none;flex-direction:column;align-items:center;font-size:.8rem;display:flex;position:absolute;bottom:8%}.hero-scroll-btn:hover{color:var(--color-rain-glow)}.hero-scroll-btn svg{fill:none;stroke:currentColor;stroke-width:2px;width:24px;height:24px;margin-top:10px;animation:2s ease-in-out infinite pulse-bounce}.main-content{z-index:4;background:linear-gradient(to bottom, var(--color-bg-deep) 0%, #050a08 100%);padding:8rem 0;position:relative}.profile-section{text-align:center;margin-bottom:7rem;animation:1.2s ease-out fade-in-up}.profile-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-text-primary);background:linear-gradient(120deg, var(--color-text-primary) 30%, var(--color-text-secondary) 80%, var(--color-rain-glow) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:4rem;font-weight:700}.profile-subtitle{font-family:var(--font-accent);color:var(--color-rain-glow);text-transform:uppercase;letter-spacing:.25em;margin-bottom:2.5rem;font-size:1.1rem;font-weight:500}.profile-bio{max-width:680px;color:var(--color-text-secondary);margin:0 auto;font-size:1.15rem;font-weight:300;line-height:1.8}.profile-bio p{margin-bottom:1.5rem}.profile-highlights{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:3.5rem;display:flex}.highlight-badge{font-family:var(--font-accent);letter-spacing:.05em;color:var(--color-text-primary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:var(--transition-smooth);background:#1b433240;border:1px solid #74c69d26;border-radius:50px;padding:.6rem 1.4rem;font-size:.85rem}.highlight-badge:hover{border-color:var(--color-rain-glow);color:var(--color-rain-glow);background:#74c69d26;transform:translateY(-2px);box-shadow:0 5px 15px #74c69d14}.timeline-section{position:relative;overflow:hidden}.timeline-parallax-bg{background-image:linear-gradient(to bottom, var(--color-bg-deep) 0%, transparent 15%, transparent 85%, var(--color-bg-deep) 100%), url(/misty_canopy.png);opacity:.05;pointer-events:none;z-index:0;will-change:transform;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:-10% 0}.timeline-section-title{font-family:var(--font-display);text-align:center;letter-spacing:-.01em;margin-bottom:4rem;font-size:2.5rem;position:relative}.timeline-section-title:after{content:"";background:var(--color-rain-glow);width:60px;height:2px;box-shadow:0 0 8px var(--color-rain-glow);position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.timeline-container{max-width:850px;margin:0 auto;padding:2rem 0;position:relative}.timeline-container:before{content:"";background:linear-gradient(to bottom, transparent 0%, var(--color-forest-pine) 8%, var(--color-moss-accent) 50%, var(--color-forest-pine) 92%, transparent 100%);z-index:1;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-progress-line{background:linear-gradient(to bottom, var(--color-rain-glow), var(--color-moss-accent));width:2px;box-shadow:0 0 8px var(--color-rain-glow), 0 0 15px #74c69d66;z-index:2;pointer-events:none;transition:height .15s ease-out;position:absolute;top:0;left:50%;transform:translate(-50%)}.timeline-item{z-index:2;width:100%;margin-bottom:6rem;position:relative}.timeline-item:last-child{margin-bottom:2rem}.timeline-card-wrapper{width:45%;transition:var(--transition-smooth);position:relative}.timeline-item.left .timeline-card-wrapper{text-align:right;left:0}.timeline-item.right .timeline-card-wrapper{text-align:left;left:55%}.timeline-node{background:var(--color-bg-deep);border:3px solid var(--color-moss-accent);z-index:3;width:16px;height:16px;transition:var(--transition-smooth);border-radius:50%;position:absolute;top:25px;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #1b43324d}.timeline-item:hover .timeline-node{background:var(--color-rain-glow);border-color:var(--color-text-primary);box-shadow:0 0 14px var(--color-rain-glow), 0 0 0 6px #74c69d40;transform:translate(-50%,-50%)scale(1.25)}.timeline-card{background:var(--color-bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border-glow);transition:var(--transition-smooth);text-align:left;border-radius:16px;padding:2.2rem;position:relative;overflow:hidden;box-shadow:0 10px 30px #0006,inset 0 1px #ffffff0d}.timeline-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#74c69d08,#0000);width:150%;height:100%;transition:transform .8s;position:absolute;top:0;left:0;transform:translate(-100%)skew(-15deg)}.timeline-item:hover .timeline-card:before{transform:translate(100%)skew(-15deg)}.timeline-item:hover .timeline-card{background:var(--color-bg-card-hover);border-color:var(--color-border-glow-hover);transform:translateY(-5px);box-shadow:0 20px 40px #0009,0 0 20px #74c69d26,inset 0 1px #ffffff14}.card-era{font-family:var(--font-accent);letter-spacing:.15em;color:var(--color-rain-glow);text-transform:uppercase;margin-bottom:.8rem;font-size:.8rem;font-weight:600}.card-title{font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:-.01em;margin-bottom:.5rem;font-size:1.6rem;font-weight:600}.card-roles{flex-direction:column;gap:.35rem;margin-bottom:.6rem;display:flex}.card-role{font-family:var(--font-sans);color:var(--color-rain-glow);font-size:.93rem;font-weight:600}.card-subtitle{font-family:var(--font-sans);color:var(--color-text-secondary);margin-bottom:1.4rem;font-size:.95rem;font-weight:500}.card-description{color:var(--color-text-secondary);font-size:.98rem;font-weight:300;line-height:1.65}.card-description p{margin-bottom:1rem}.card-description p:last-child{margin-bottom:0}.card-metrics{border-top:1px solid #74c69d1a;flex-wrap:wrap;gap:1.5rem;margin-top:1.5rem;padding-top:1.2rem;display:flex}.metric-item{flex-direction:column;display:flex}.metric-label{font-family:var(--font-accent);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:.2rem;font-size:.7rem}.metric-value{font-family:var(--font-accent);color:var(--color-rain-glow);font-size:1rem;font-weight:600}.timeline-badges-wrapper{z-index:2;pointer-events:none;justify-content:center;align-items:center;width:45%;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;bottom:0}.timeline-item.left .timeline-badges-wrapper{left:55%}.timeline-item.right .timeline-badges-wrapper{left:0}.timeline-badges-card{-webkit-backdrop-filter:blur(12px);width:100%;max-width:340px;transition:var(--transition-smooth);opacity:.5;pointer-events:auto;background:#0d1a1559;border:1px solid #74c69d1a;border-radius:14px;padding:1.6rem;transform:scale(.96);box-shadow:0 8px 24px #00000059}.badges-card-title{font-family:var(--font-accent);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-secondary);border-bottom:1px solid #74c69d14;margin-bottom:1rem;padding-bottom:.5rem;font-size:.76rem;font-weight:600}.badges-card-value-statement{font-family:var(--font-sans);color:var(--color-text-secondary);margin-bottom:1.2rem;font-size:.88rem;font-style:italic;line-height:1.5}.badges-grid{flex-wrap:wrap;gap:.5rem;display:flex}.tech-badge{font-family:var(--font-accent);color:var(--color-text-secondary);transition:var(--transition-smooth);cursor:default;opacity:0;background:#1b43322e;border:1px solid #74c69d1a;border-radius:6px;padding:.35rem .75rem;font-size:.74rem;transform:translateY(10px)}.timeline-item.visible .tech-badge{animation:.45s cubic-bezier(.16,1,.3,1) forwards badge-fade-in}@keyframes badge-fade-in{to{opacity:1;transform:translateY(0)}}.timeline-item:hover .timeline-badges-card{opacity:1;background:#14292173;border-color:#74c69d52;transform:scale(1.02);box-shadow:0 12px 32px #00000073,0 0 15px #74c69d14}.timeline-item:hover .tech-badge{color:var(--color-text-primary);background:#74c69d14;border-color:#74c69d40}.tech-badge:hover{transform:translateY(-1px);box-shadow:0 4px 10px #74c69d26;border-color:var(--color-rain-glow)!important;color:var(--color-text-primary)!important;background:#74c69d40!important}.footer{text-align:center;z-index:4;background-color:#040807;border-top:1px solid #1b43324d;padding:6rem 0 4rem;position:relative}.footer-contact{margin-bottom:3.5rem}.footer-contact-label{font-family:var(--font-accent);letter-spacing:.2em;color:var(--color-text-secondary);text-transform:uppercase;margin-bottom:1rem;font-size:.9rem}.footer-email{font-family:var(--font-display);color:var(--color-text-primary);transition:var(--transition-smooth);font-size:2.2rem;text-decoration:none;display:inline-block;position:relative}.footer-email:after{content:"";background:var(--color-rain-glow);width:0;height:2px;transition:var(--transition-smooth);box-shadow:0 0 8px var(--color-rain-glow);position:absolute;bottom:-4px;left:0}.footer-email:hover{color:var(--color-rain-glow);text-shadow:0 0 15px #74c69d4d}.footer-email:hover:after{width:100%}.footer-meta{font-family:var(--font-accent);letter-spacing:.1em;color:var(--color-text-muted);flex-direction:column;align-items:center;gap:.75rem;margin-top:4rem;font-size:.8rem;display:flex}.footer-meta-emoji{margin:0 .2rem;animation:3s ease-in-out infinite float-gentle;display:inline-block}.footer-meta-emoji.delay{animation-delay:1.5s}@media (width<=900px){.timeline-container:before,.timeline-node{left:2rem}.timeline-card-wrapper{width:calc(100% - 4rem)}.timeline-item.left .timeline-card-wrapper,.timeline-item.right .timeline-card-wrapper{text-align:left;left:4rem}.timeline-progress-line{left:4rem}.timeline-badges-wrapper,.profile-highlights{display:none}.profile-title{font-size:3rem}.hero-quote{font-size:1.8rem}.footer-email{font-size:1.6rem}}@media (width<=600px){.container{padding:0 1.2rem}.profile-title{font-size:2.4rem}.profile-subtitle{letter-spacing:.15em;font-size:.95rem}.hero-quote{font-size:1.45rem;line-height:1.5}.timeline-container:before,.timeline-node{left:1rem}.timeline-card-wrapper{width:calc(100% - 2.5rem)}.timeline-item.left .timeline-card-wrapper,.timeline-item.right .timeline-card-wrapper,.timeline-progress-line{left:2.5rem}.timeline-card{padding:1.5rem}.card-title{font-size:1.35rem}.footer-email{font-size:1.25rem}}.animate-on-scroll{opacity:0;will-change:transform, opacity;transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}