:root{--bg-primary:#0a0a0f;--bg-secondary:#111118;--bg-card:#ffffff08;--bg-card-hover:#ffffff0f;--bg-glass:#ffffff0d;--text-primary:#f0f0f5;--text-secondary:#9d9daf;--text-muted:#6b6b80;--accent-indigo:#6366f1;--accent-cyan:#06b6d4;--accent-purple:#a855f7;--accent-emerald:#10b981;--accent-amber:#f59e0b;--gradient-primary:linear-gradient(135deg, #6366f1, #06b6d4);--gradient-accent:linear-gradient(135deg, #a855f7, #6366f1);--gradient-warm:linear-gradient(135deg, #f59e0b, #ef4444);--border-subtle:#ffffff0f;--border-hover:#ffffff1f;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--section-gap:6rem;--container-max:1100px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}.container{max-width:var(--container-max);margin:0 auto;padding:0 2rem}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-title{text-transform:uppercase;letter-spacing:.2em;color:var(--accent-cyan);font-size:.75rem;font-weight:600;font-family:var(--font-mono);margin-bottom:.5rem}.ambient-bg{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.ambient-orb{filter:blur(120px);opacity:.15;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.ambient-orb:first-child{background:var(--accent-indigo);width:600px;height:600px;animation-delay:0s;top:-200px;right:-200px}.ambient-orb:nth-child(2){background:var(--accent-cyan);width:500px;height:500px;animation-delay:-7s;bottom:-150px;left:-150px}.ambient-orb:nth-child(3){background:var(--accent-purple);width:400px;height:400px;animation-delay:-14s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-30px)scale(1.05)}50%{transform:translate(-20px,20px)scale(.95)}75%{transform:translate(10px,-15px)scale(1.02)}}.noise-overlay{pointer-events:none;z-index:1;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;width:100%;height:100%;position:fixed;top:0;left:0}.nav{z-index:100;transition:all .4s var(--ease-out);padding:1.25rem 0;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);background:#0a0a0fcc;padding:.75rem 0}.nav-inner{justify-content:space-between;align-items:center;display:flex}.nav-logo{letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links a{color:var(--text-secondary);transition:color .3s var(--ease-out);font-size:.875rem;font-weight:500;position:relative}.nav-links a:after{content:"";background:var(--gradient-primary);width:0;height:2px;transition:width .3s var(--ease-out);border-radius:1px;position:absolute;bottom:-4px;left:0}.nav-links a:hover{color:var(--text-primary)}.nav-links a:hover:after{width:100%}.nav-cta{background:var(--gradient-primary);transition:all .3s var(--ease-spring);cursor:pointer;font-size:.8125rem;font-weight:600;font-family:var(--font-sans);border:none;border-radius:10px;align-items:center;gap:.4rem;padding:.625rem 1.25rem;display:inline-flex;color:#fff!important}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 10px 30px #6366f159}.nav-cta:after{display:none!important}.hero{z-index:2;align-items:center;min-height:100vh;padding:8rem 0 4rem;display:flex;position:relative}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.hero-content{animation:slideInLeft .8s var(--ease-out) both}.hero-badge{background:var(--bg-glass);border:1px solid var(--border-subtle);color:var(--accent-cyan);font-size:.75rem;font-weight:500;font-family:var(--font-mono);border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.375rem 1rem;display:inline-flex}.hero-badge .pulse{background:var(--accent-emerald);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.hero h1{letter-spacing:-.03em;margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,3.75rem);font-weight:800;line-height:1.1}.hero-subtitle{color:var(--text-secondary);max-width:500px;margin-bottom:2rem;font-size:1.125rem;line-height:1.8}.hero-stats{gap:2.5rem;margin-bottom:2.5rem;display:flex}.hero-stat{text-align:left}.hero-stat-value{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800;line-height:1.2}.hero-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:500}.hero-actions{flex-wrap:wrap;gap:1rem;display:flex}.btn{transition:all .3s var(--ease-spring);cursor:pointer;font-size:.9375rem;font-weight:600;font-family:var(--font-sans);border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.875rem 1.75rem;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:#fff!important}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px #6366f159}.btn-outline{color:var(--text-primary);border:1px solid var(--border-hover);background:0 0}.btn-outline:hover{border-color:var(--accent-indigo);background:#6366f114;transform:translateY(-2px)}.hero-visual{animation:slideInRight .8s var(--ease-out) .2s both;justify-content:center;display:flex}.avatar-wrapper{width:340px;height:340px;position:relative}.avatar-ring{background:var(--gradient-primary);border-radius:50%;padding:3px;animation:12s linear infinite rotate;position:absolute;inset:0}.avatar-ring:before{content:"";background:var(--bg-primary);border-radius:50%;width:100%;height:100%;display:block}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar-img{z-index:1;border-radius:50%;position:absolute;inset:12px;overflow:hidden}.avatar-img img{object-fit:cover;width:100%;height:100%}.avatar-glow{z-index:-1;background:radial-gradient(circle,#6366f133,#0000 70%);border-radius:50%;animation:4s ease-in-out infinite glowPulse;position:absolute;inset:-30px}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.float-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-subtle);color:var(--text-secondary);z-index:2;white-space:nowrap;cursor:pointer;transition:transform .4s var(--ease-spring), box-shadow .4s var(--ease-out), border-color .4s var(--ease-out), background .4s var(--ease-out), z-index 0s;background:#111118e6;border-radius:8px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;animation:6s ease-in-out infinite floatBadge;display:flex;position:absolute}.float-badge--active{z-index:50;border-color:var(--accent-indigo);box-shadow:0 0 20px var(--glow-color,#6366f180), 0 0 50px var(--glow-color,#6366f14d), 0 0 80px var(--glow-color,#6366f126);color:var(--text-primary);background:#111118f7;animation:none;transform:scale(1.8)!important}.float-badge-tooltip{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:60;min-width:220px;animation:tooltipIn .25s var(--ease-out) both;pointer-events:none;box-shadow:0 12px 40px #00000080, 0 0 20px var(--glow-color,#6366f126);background:#11111cf2;border:1px solid #6366f133;border-radius:12px;padding:.875rem 1rem;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%)}.float-badge-tooltip:before{content:"";background:#11111cf2;border-top:1px solid #6366f133;border-left:1px solid #6366f133;width:12px;height:12px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.float-badge-tooltip-title{color:var(--text-primary);font-size:.8125rem;font-weight:700;font-family:var(--font-sans);white-space:nowrap;border-bottom:1px solid #6366f126;margin-bottom:.5rem;padding-bottom:.375rem;display:block}.float-badge-tooltip ul{margin:0;padding:0;list-style:none}.float-badge-tooltip li{color:var(--text-secondary);white-space:nowrap;font-size:.6875rem;line-height:1.5;font-family:var(--font-mono);margin-bottom:.25rem;padding-left:.875rem;position:relative}.float-badge-tooltip li:before{content:"▸";color:var(--accent-cyan);font-weight:700;position:absolute;left:0}.float-badge-tooltip li:last-child{margin-bottom:0}@keyframes tooltipIn{0%{opacity:0;transform:translate(-50%)translateY(6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.float-badge:nth-child(4){animation-delay:0s;top:calc(50% - 205px);left:calc(50% - 50px)}.float-badge:nth-child(5){animation-delay:-.5s;top:calc(50% - 175px);left:calc(50% + 52px)}.float-badge:nth-child(6){animation-delay:-1s;top:calc(50% - 94px);left:calc(50% + 123px)}.float-badge:nth-child(7){animation-delay:-1.5s;top:calc(50% + 12px);left:calc(50% + 138px)}.float-badge:nth-child(8){animation-delay:-2s;top:calc(50% + 109px);left:calc(50% + 94px)}.float-badge:nth-child(9){animation-delay:-2.5s;top:calc(50% + 167px);left:calc(50% + 4px)}.float-badge:nth-child(10){animation-delay:-3s;top:calc(50% + 167px);left:calc(50% - 103px)}.float-badge:nth-child(11){animation-delay:-3.5s;top:calc(50% + 109px);left:calc(50% - 193px)}.float-badge:nth-child(12){animation-delay:-4s;top:calc(50% + 12px);left:calc(50% - 238px)}.float-badge:nth-child(13){animation-delay:-4.5s;top:calc(50% - 94px);left:calc(50% - 223px)}.float-badge:nth-child(14){animation-delay:-5s;top:calc(50% - 175px);left:calc(50% - 152px)}.float-badge .badge-dot{border-radius:50%;width:6px;height:6px}@keyframes floatBadge{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-16px)scale(1.02)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.about{z-index:2;padding:var(--section-gap) 0;position:relative}.about-grid{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;display:grid}.about h2{letter-spacing:-.02em;margin-bottom:1.5rem;font-size:2.25rem;font-weight:700;line-height:1.2}.about p{color:var(--text-secondary);margin-bottom:1.25rem;font-size:1rem}.cert-card{background:var(--bg-card);border:1px solid var(--border-subtle);transition:all .3s var(--ease-out);border-radius:12px;align-items:center;gap:1rem;margin-bottom:.75rem;padding:1rem 1.25rem;display:flex}.cert-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translate(4px)}.cert-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:flex}.cert-card-content h4{margin-bottom:.125rem;font-size:.875rem;font-weight:600}.cert-card-content p{color:var(--text-muted);margin-bottom:0;font-size:.75rem}.skills{z-index:2;padding:var(--section-gap) 0;position:relative}.skills-header{text-align:center;margin-bottom:3.5rem}.skills-header h2{letter-spacing:-.02em;font-size:2.25rem;font-weight:700}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.skill-category{background:var(--bg-card);border:1px solid var(--border-subtle);transition:all .4s var(--ease-out);border-radius:16px;padding:1.75rem;position:relative;overflow:hidden}.skill-category:before{content:"";background:var(--gradient-primary);opacity:0;height:2px;transition:opacity .4s var(--ease-out);position:absolute;top:0;left:0;right:0}.skill-category:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-4px)}.skill-category:hover:before{opacity:1}.skill-category-icon{margin-bottom:1rem;font-size:1.5rem}.skill-category h3{color:var(--text-primary);margin-bottom:1rem;font-size:1rem;font-weight:600}.skill-tags{flex-wrap:wrap;gap:.5rem;display:flex}.skill-tag{color:var(--accent-cyan);font-size:.75rem;font-weight:500;font-family:var(--font-mono);transition:all .3s var(--ease-out);background:#6366f114;border:1px solid #6366f126;border-radius:6px;padding:.25rem .625rem}.skill-tag:hover{background:#6366f126;border-color:#6366f14d;transform:translateY(-2px)}.experience{z-index:2;padding:var(--section-gap) 0;position:relative}.experience-header{text-align:center;margin-bottom:3.5rem}.experience-header h2{letter-spacing:-.02em;font-size:2.25rem;font-weight:700}.exp-cards{flex-direction:column;gap:2rem;max-width:900px;margin:0 auto;display:flex}.exp-card{background:var(--bg-card);border:1px solid var(--border-subtle);transition:all .4s var(--ease-out);border-radius:20px;padding:2rem;position:relative;overflow:hidden}.exp-card:before{content:"";background:var(--gradient-primary);opacity:0;height:2px;transition:opacity .4s var(--ease-out);position:absolute;top:0;left:0;right:0}.exp-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 20px 60px #0000004d}.exp-card:hover:before{opacity:1}.exp-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.exp-card-header h3{letter-spacing:-.01em;font-size:1.25rem;font-weight:700;line-height:1.3}.exp-card-period{font-size:.75rem;font-family:var(--font-mono);color:var(--accent-cyan);white-space:nowrap;background:#06b6d414;border:1px solid #06b6d426;border-radius:6px;flex-shrink:0;padding:.25rem .75rem;font-weight:500}.exp-highlights{margin-bottom:1.25rem;list-style:none}.exp-highlights li{color:var(--text-secondary);margin-bottom:.5rem;padding-left:1.25rem;font-size:.875rem;line-height:1.6;position:relative}.exp-highlights li:before{content:"▸";color:var(--accent-indigo);font-weight:700;position:absolute;left:0}.exp-skills{border-top:1px solid var(--border-subtle);flex-wrap:wrap;gap:.375rem;padding-top:1rem;display:flex}.education{z-index:2;padding:var(--section-gap) 0;position:relative}.education-header{text-align:center;margin-bottom:3.5rem}.education-header h2{letter-spacing:-.02em;font-size:2.25rem;font-weight:700}.education-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:800px;margin:0 auto;display:grid}.edu-card{background:var(--bg-card);border:1px solid var(--border-subtle);transition:all .4s var(--ease-out);border-radius:16px;padding:1.75rem}.edu-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-4px)}.edu-card-icon{margin-bottom:1rem;font-size:2rem}.edu-card h3{margin-bottom:.25rem;font-size:1.125rem;font-weight:700}.edu-card h4{color:var(--text-secondary);margin-bottom:.5rem;font-size:.9375rem;font-weight:500}.edu-card p{color:var(--text-muted);font-size:.8125rem;font-family:var(--font-mono)}.contact{z-index:2;padding:var(--section-gap) 0 3rem;position:relative}.contact-inner{text-align:center;max-width:600px;margin:0 auto}.contact h2{letter-spacing:-.02em;margin-bottom:1rem;font-size:2.25rem;font-weight:700}.contact p{color:var(--text-secondary);margin-bottom:2.5rem}.contact-links{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:4rem;display:flex}.contact-link{background:var(--bg-card);border:1px solid var(--border-subtle);transition:all .3s var(--ease-out);border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;display:inline-flex}.contact-link:hover{background:var(--bg-card-hover);border-color:var(--accent-indigo);transform:translateY(-2px);box-shadow:0 8px 25px #6366f126}.footer{text-align:center;border-top:1px solid var(--border-subtle);color:var(--text-muted);padding:2rem 0;font-size:.8125rem}.reveal{opacity:0;transition:opacity .6s var(--ease-out), transform .6s var(--ease-out);transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.stagger-children>*{opacity:0;transition:opacity .5s var(--ease-out), transform .5s var(--ease-out);transform:translateY(20px)}.stagger-children.visible>:first-child{transition-delay:50ms}.stagger-children.visible>:nth-child(2){transition-delay:.1s}.stagger-children.visible>:nth-child(3){transition-delay:.15s}.stagger-children.visible>:nth-child(4){transition-delay:.2s}.stagger-children.visible>:nth-child(5){transition-delay:.25s}.stagger-children.visible>:nth-child(6){transition-delay:.3s}.stagger-children.visible>*{opacity:1;transform:translateY(0)}@media (width<=768px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:3rem}.hero-content{order:2}.hero-visual{order:1}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-stats,.hero-actions{justify-content:center}.avatar-wrapper{width:250px;height:250px}.about-grid{grid-template-columns:1fr;gap:2.5rem}.nav-links{display:none}.timeline:before{left:16px}.timeline-item{padding-left:48px}.timeline-dot{left:8px}.hero-stat-value{font-size:1.5rem}.float-badge{display:none}}@media (width<=480px){.container{padding:0 1.25rem}.hero h1{font-size:2rem}.hero-stats{flex-direction:column;gap:1rem}.contact-links{flex-direction:column;align-items:center}}