*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:transparent;--text:#2d2a32;--text-muted:#6b6577;--accent:#e8572a;--accent2:#5b4fcf;--accent3:#1db889;--panel:#f5ede1d1;--card:#e8dcc899;--border:#00000014}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}#bg-canvas{z-index:1;width:100%;height:100%;position:fixed;top:0;left:0}#explore-btn{z-index:200;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2d2a32d9;border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.7rem 1.2rem;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;transition:transform .2s,background .3s;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 20px #0003}#explore-btn:hover{background:#2d2a32f2;transform:scale(1.05)}#explore-btn.active{background:#e8572ae6}#explore-icon{font-size:1.1rem}#navbar{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f5ede1bf;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:1rem 3rem;transition:border-color .3s,padding .3s,box-shadow .3s,opacity .5s,transform .5s;display:flex;position:fixed;top:0;left:0;right:0}#navbar.scrolled{border-bottom-color:var(--border);padding:.7rem 3rem;box-shadow:0 4px 20px #0000000a}#navbar.hidden{opacity:0;pointer-events:none;transform:translateY(-100%)}.nav-logo{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:700}.nav-links{gap:2rem;display:flex}.nav-link{color:var(--text-muted);font-size:.875rem;font-weight:500;transition:color .3s;position:relative}.nav-link:after{content:"";background:var(--accent);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-link:hover:after,.nav-link.active:after{width:100%}#content{z-index:2;pointer-events:none;transition:opacity .6s,transform .6s;position:relative}#content *{pointer-events:auto}#content.hidden{opacity:0;transform:translateY(30px);pointer-events:none!important}#content.hidden *{pointer-events:none!important}.section{justify-content:center;align-items:center;min-height:100vh;padding:6rem 2rem;display:flex}.section-inner{background:var(--panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #0000000f;border-radius:20px;width:100%;max-width:900px;margin:0 auto;padding:3rem;box-shadow:0 8px 40px #00000014}.section-title{color:var(--text);margin-bottom:2.5rem;font-size:2rem;font-weight:700}.title-num{color:var(--accent);margin-right:.5rem;font-family:JetBrains Mono,monospace;font-size:1.1rem}#hero{min-height:100vh;position:relative}.hero-content{text-align:center;background:var(--panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #0000000f;border-radius:24px;max-width:700px;padding:3.5rem 3rem;box-shadow:0 12px 50px #00000014}.hero-greeting{color:var(--accent);opacity:0;margin-bottom:.5rem;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:500;animation:.6s .2s forwards fadeUp}.hero-name{color:var(--text);opacity:0;margin-bottom:.75rem;font-size:clamp(2.5rem,7vw,4.5rem);font-weight:700;line-height:1.1;animation:.6s .4s forwards fadeUp}.hero-title-wrapper{color:var(--accent2);opacity:0;margin-bottom:1.25rem;font-family:JetBrains Mono,monospace;font-size:clamp(.85rem,1.8vw,1.1rem);animation:.6s .6s forwards fadeUp}.cursor{animation:1s infinite blink}.hero-tagline{color:var(--text-muted);opacity:0;margin-bottom:2rem;font-size:1.05rem;animation:.6s .8s forwards fadeUp}.hero-cta{opacity:0;justify-content:center;gap:1rem;animation:.6s 1s forwards fadeUp;display:flex}.btn{cursor:pointer;border-radius:10px;padding:.75rem 1.8rem;font-size:.9rem;font-weight:600;transition:transform .2s,box-shadow .3s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 16px #e8572a4d}.btn-primary:hover{box-shadow:0 8px 24px #e8572a66}.btn-outline{border:1.5px solid var(--accent2);color:var(--accent2)}.btn-outline:hover{background:#5b4fcf14}.scroll-indicator{color:var(--text-muted);opacity:0;flex-direction:column;align-items:center;gap:.5rem;margin-top:2.5rem;font-size:.75rem;animation:.6s 1.4s forwards fadeUp;display:flex}.mouse{border:2px solid var(--text-muted);border-radius:11px;width:22px;height:34px;position:relative}.wheel{background:var(--accent);border-radius:2px;width:3px;height:7px;animation:1.5s infinite scroll-wheel;position:absolute;top:5px;left:50%;transform:translate(-50%)}.about-layout{flex-direction:column;align-items:center;gap:2.5rem;display:flex}.about-text{text-align:center;max-width:650px}.about-text p{color:var(--text-muted);margin-bottom:1.25rem;font-size:1rem}.about-stats{grid-template-columns:repeat(3,1fr);gap:2rem;width:100%;max-width:650px;display:grid}.stat{text-align:center;background:var(--card);border:1px solid #0000000d;border-radius:12px;padding:1.25rem 1rem}.stat-number{color:var(--accent);font-size:1.8rem;font-weight:700}.stat-suffix{color:var(--accent);font-size:.9rem;font-weight:700}.stat-label{color:var(--text-muted);margin-top:.2rem;font-size:.72rem;display:block}.timeline{padding-left:2rem;position:relative}.timeline:before{content:"";background:#0000001a;width:2px;position:absolute;top:0;bottom:0;left:0}.timeline-item{opacity:0;margin-bottom:2.5rem;transition:opacity .6s,transform .6s;position:relative;transform:translateY(30px)}.timeline-item.visible{opacity:1;transform:translateY(0)}.timeline-marker{background:var(--accent);border-radius:50%;width:12px;height:12px;position:absolute;top:.5rem;left:-2.35rem;box-shadow:0 0 0 4px #e8572a26}.timeline-content{background:var(--card);border:1px solid #0000000d;border-radius:14px;padding:1.5rem;transition:box-shadow .3s}.timeline-content:hover{box-shadow:0 6px 24px #0000000f}.timeline-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.75rem;display:flex}.timeline-header h3{color:var(--text);font-size:1.05rem;font-weight:600}.timeline-company{color:var(--accent2);margin-top:.15rem;font-size:.9rem}.timeline-divider{color:var(--text-muted);margin:0 .3rem}.timeline-date{color:var(--text-muted);white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:.75rem}.timeline-details{margin-bottom:.75rem;list-style:none}.timeline-details li{color:var(--text-muted);margin-bottom:.5rem;padding-left:1.25rem;font-size:.88rem;line-height:1.55;position:relative}.timeline-details li:before{content:">";color:var(--accent);font-family:JetBrains Mono,monospace;font-weight:700;position:absolute;left:0}.timeline-details strong{color:var(--text);font-weight:600}.timeline-tags{flex-wrap:wrap;gap:.4rem;display:flex}.tag{color:var(--accent2);background:#5b4fcf1a;border:1px solid #5b4fcf26;border-radius:999px;padding:.25rem .6rem;font-family:JetBrains Mono,monospace;font-size:.65rem}.skills-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.skill-category{background:var(--card);opacity:0;border:1px solid #0000000d;border-radius:14px;padding:1.5rem;transition:transform .3s,box-shadow .3s;transform:translateY(30px)}.skill-category.visible{opacity:1;transform:translateY(0)}.skill-category:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000000f}.skill-icon{margin-bottom:.75rem;font-size:1.8rem}.skill-category h3{margin-bottom:.75rem;font-size:.95rem;font-weight:600}.skill-list{flex-wrap:wrap;gap:.4rem;display:flex}.skill-pill{color:#168a62;background:#1db8891a;border:1px solid #1db88926;border-radius:6px;padding:.3rem .7rem;font-size:.75rem}.contact-inner{text-align:center}.contact-text{color:var(--text-muted);max-width:550px;margin:0 auto 2.5rem;font-size:1.05rem}.contact-links{grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:700px;margin:0 auto 2.5rem;display:grid}.contact-card{background:var(--card);border:1px solid #0000000d;border-radius:14px;flex-direction:column;align-items:center;gap:.4rem;padding:1.75rem 1.25rem;transition:transform .3s,box-shadow .3s;display:flex}.contact-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #e8572a1a}.contact-icon{width:48px;height:48px;color:var(--accent);background:#e8572a1a;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.contact-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem}.contact-value{color:var(--text);font-size:.85rem;font-weight:500}.contact-footer{color:var(--text-muted);font-size:.85rem}.contact-footer p{margin-bottom:.2rem}footer{text-align:center;color:var(--text-muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2;background:#f5ede1bf;padding:1.5rem;font-size:.8rem;transition:opacity .5s;position:relative}footer.hidden{opacity:0;pointer-events:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes scroll-wheel{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(8px)}}@media (width<=900px){.about-stats{grid-template-columns:repeat(3,1fr)}.skills-grid{grid-template-columns:repeat(2,1fr)}.contact-links{grid-template-columns:1fr;max-width:350px}#navbar{padding:.75rem 1.5rem}.nav-links{gap:1rem}.section-inner{padding:2rem 1.5rem}}@media (width<=600px){.skills-grid,.about-stats{grid-template-columns:1fr}.section{padding:5rem 1rem}.nav-links{display:none}.timeline-header{flex-direction:column}.hero-content{padding:2rem 1.5rem}}