:root{--bg-primary:#f7f8fc;--bg-secondary:#eef0fa;--bg-card:#fff;--bg-card-hover:#fafbff;--bg-glass:#ffffffbf;--primary-accent:#5b6cff;--primary-hover:#4453e0;--secondary-accent:#6fd3c0;--tertiary-accent:#ffb89a;--accent-glow:#5b6cff29;--text-primary:#1b2038;--text-secondary:#4a5170;--text-muted:#7e869e;--border-light:#e3e6f2;--border-hover:#c5cbdf;--badge-bg:#eef1fd;--badge-text:#4555e0;--badge-border:#d5dafa;--signature-gradient:linear-gradient(135deg, #5b6cff 0%, #8e9bff 50%, #6fd3c0 100%);--hero-glow:radial-gradient(circle at 50% 50%, #5b6cff1f 0%, #6fd3c01a 50%, transparent 80%);--shadow-sm:0 4px 12px #5b6cff0d;--shadow-md:0 10px 30px #5b6cff14;--shadow-lg:0 16px 40px #5b6cff26;--shadow-hover:0 20px 48px #5b6cff33;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-card:20px;--radius-pill:9999px;--radius-img:28px;--transition-fast:.18s ease;--transition-normal:.28s ease;--transition-slow:.4s cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--bg-primary:#0f1222;--bg-secondary:#171b30;--bg-card:#15192e;--bg-card-hover:#1c223d;--bg-glass:#15192ed9;--primary-accent:#8c98ff;--primary-hover:#7583ff;--secondary-accent:#6fd3c0;--tertiary-accent:#ffb89a;--accent-glow:#8c98ff38;--text-primary:#f0f2fa;--text-secondary:#b1b8d0;--text-muted:#7e869e;--border-light:#262d4a;--border-hover:#3e4770;--badge-bg:#8c98ff24;--badge-text:#a5afff;--badge-border:#8c98ff4d;--signature-gradient:linear-gradient(135deg, #7583ff 0%, #9da7ff 50%, #6fd3c0 100%);--hero-glow:radial-gradient(circle at 50% 50%, #8c98ff2e 0%, #6fd3c024 50%, transparent 80%);--shadow-sm:0 4px 12px #00000040;--shadow-md:0 10px 30px #00000059;--shadow-lg:0 16px 40px #00000073;--shadow-hover:0 20px 48px #8c98ff40}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal), color var(--transition-normal);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:Plus Jakarta Sans,system-ui,sans-serif;font-weight:700;line-height:1.25}code,pre,.font-mono{font-family:JetBrains Mono,Consolas,Monaco,monospace}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.section{padding:96px 0;position:relative}@media (width<=768px){.section{padding:64px 0}.container{padding-left:18px;padding-right:18px}}.section-header{text-align:center;max-width:680px;margin:0 auto 56px}.section-tag{text-transform:uppercase;letter-spacing:.08em;background:var(--badge-bg);color:var(--badge-text);border:1px solid var(--badge-border);border-radius:var(--radius-pill);align-items:center;gap:8px;margin-bottom:16px;padding:6px 14px;font-size:.825rem;font-weight:600;display:inline-flex}.section-title{color:var(--text-primary);margin-bottom:16px;font-size:2.25rem;font-weight:800}.section-subtitle{color:var(--text-secondary);font-size:1.075rem;line-height:1.6}@media (width<=768px){.section-title{font-size:1.85rem}.section-header{margin-bottom:40px}}.text-gradient{background:var(--signature-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.navbar{z-index:1000;-webkit-backdrop-filter:blur(14px);background:var(--bg-glass);border-bottom:1px solid var(--border-light);transition:all var(--transition-normal);position:fixed;top:0;left:0;right:0}.navbar-inner{justify-content:space-between;align-items:center;height:72px;display:flex}.brand-logo{color:var(--text-primary);align-items:center;gap:10px;font-family:Plus Jakarta Sans,sans-serif;font-size:1.3rem;font-weight:800;display:flex}.brand-badge{background:var(--signature-gradient);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;font-weight:800;display:inline-flex;box-shadow:0 4px 12px #5b6cff4d}.nav-links{align-items:center;gap:28px;list-style:none;display:flex}.nav-link{color:var(--text-secondary);transition:color var(--transition-fast);padding:4px 0;font-size:.95rem;font-weight:500;position:relative}.nav-link:hover,.nav-link.active{color:var(--primary-accent)}.nav-actions{align-items:center;gap:12px;display:flex}.theme-toggle-btn{border-radius:var(--radius-pill);border:1px solid var(--border-light);background:var(--bg-card);width:40px;height:40px;color:var(--text-primary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.theme-toggle-btn:hover{border-color:var(--primary-accent);color:var(--primary-accent);transform:rotate(15deg)}.mobile-menu-btn{border:1px solid var(--border-light);background:var(--bg-card);width:40px;height:40px;color:var(--text-primary);border-radius:8px;justify-content:center;align-items:center;display:none}@media (width<=900px){.nav-links{display:none}.mobile-menu-btn{display:flex}}.mobile-nav-drawer{background:var(--bg-card);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-lg);flex-direction:column;gap:16px;padding:24px;animation:.25s ease-out slideDown;display:flex;position:fixed;top:72px;left:0;right:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.btn{border-radius:var(--radius-pill);transition:all var(--transition-fast);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--signature-gradient);color:#fff;box-shadow:0 4px 16px #5b6cff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #5b6cff73}.btn-outline{border:1.5px solid var(--border-light);background:var(--bg-card);color:var(--text-primary)}.btn-outline:hover{border-color:var(--primary-accent);color:var(--primary-accent);background:var(--bg-secondary);transform:translateY(-2px)}.btn-sm{padding:8px 16px;font-size:.85rem}.hero-section{padding-top:150px;padding-bottom:96px;position:relative;overflow:hidden}.hero-glow-bg{background:var(--hero-glow);filter:blur(60px);pointer-events:none;z-index:0;border-radius:50%;width:600px;height:600px;position:absolute;top:-10%;right:5%}.hero-grid{z-index:1;grid-template-columns:1.15fr .85fr;align-items:center;gap:48px;display:grid;position:relative}.hero-eyebrow{border-radius:var(--radius-pill);background:var(--badge-bg);border:1px solid var(--badge-border);color:var(--badge-text);align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:.875rem;font-weight:600;display:inline-flex}.pulse-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulseGreen;box-shadow:0 0 #10b981b3}@keyframes pulseGreen{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 7px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.hero-title{letter-spacing:-.025em;color:var(--text-primary);margin-bottom:16px;font-size:3.4rem;font-weight:800}.hero-rotating-wrap{color:var(--text-secondary);align-items:center;min-height:42px;margin-bottom:20px;font-size:1.45rem;font-weight:600;display:flex}.hero-paragraph{color:var(--text-secondary);max-width:560px;margin-bottom:32px;font-size:1.125rem;line-height:1.7}.hero-cta-group{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:36px;display:flex}.hero-socials{align-items:center;gap:16px;display:flex}.social-icon-btn{border-radius:var(--radius-pill);border:1px solid var(--border-light);background:var(--bg-card);width:44px;height:44px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.social-icon-btn:hover{color:var(--primary-accent);border-color:var(--primary-accent);box-shadow:var(--shadow-sm);transform:translateY(-3px)}.hero-image-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.hero-image-backdrop{background:var(--signature-gradient);opacity:.85;filter:blur(2px);z-index:1;border-radius:36px;width:340px;height:380px;position:absolute;transform:rotate(4deg)translate(10px,10px)}.hero-image-frame{z-index:2;width:330px;height:390px;box-shadow:var(--shadow-lg);border:3px solid #fff6;border-radius:32px;position:relative;overflow:hidden}.hero-profile-img{object-fit:cover;object-position:center top;width:100%;height:100%;transition:transform var(--transition-slow)}.hero-profile-img:hover{transform:scale(1.03)}.floating-chip{z-index:3;background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-pill);border:1px solid var(--border-light);box-shadow:var(--shadow-md);color:var(--text-primary);align-items:center;gap:8px;padding:10px 18px;font-size:.85rem;font-weight:600;animation:4s ease-in-out infinite floatAnim;display:flex;position:absolute}.floating-chip-1{animation-delay:0s;top:15px;left:-20px}.floating-chip-2{animation-delay:1.5s;bottom:35px;right:-15px}.floating-chip-3{animation-delay:2.8s;bottom:-15px;left:20px}@keyframes floatAnim{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (width<=992px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:48px}.hero-title{font-size:2.6rem}.hero-rotating-wrap{justify-content:center}.hero-paragraph{margin-left:auto;margin-right:auto}.hero-cta-group,.hero-socials{justify-content:center}.hero-image-wrapper{order:-1}.hero-image-frame{width:270px;height:320px}.hero-image-backdrop{width:280px;height:310px}}.stats-strip{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);grid-template-columns:repeat(4,1fr);gap:24px;padding:36px 32px;display:grid}.stat-item{text-align:center;position:relative}.stat-item:not(:last-child):after{content:"";background:var(--border-light);width:1px;height:70%;position:absolute;top:15%;right:0}.stat-value{background:var(--signature-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:6px;font-family:Plus Jakarta Sans,sans-serif;font-size:2.6rem;font-weight:800;line-height:1.1}.stat-label{color:var(--text-primary);margin-bottom:2px;font-size:.95rem;font-weight:600}.stat-detail{color:var(--text-muted);font-size:.8rem}@media (width<=768px){.stats-strip{grid-template-columns:repeat(2,1fr);gap:32px 16px;padding:28px 20px}.stat-item:nth-child(2):after{display:none}.stat-value{font-size:2.1rem}}.about-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:56px;display:grid}.about-photo-wrapper{justify-content:center;display:flex;position:relative}.about-photo-ring{background:var(--signature-gradient);width:290px;height:290px;box-shadow:var(--shadow-lg);border-radius:50%;padding:6px}.about-photo-inner{border:4px solid var(--bg-card);border-radius:50%;width:100%;height:100%;overflow:hidden}.about-photo-inner img{object-fit:cover;object-position:center top;width:100%;height:100%}.about-content{flex-direction:column;gap:18px;display:flex}.about-p{color:var(--text-secondary);font-size:1.05rem;line-height:1.75}.quick-facts-row{flex-wrap:wrap;gap:12px;margin-top:12px;margin-bottom:12px;display:flex}.quick-fact-chip{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-pill);color:var(--text-primary);align-items:center;gap:8px;padding:8px 16px;font-size:.875rem;font-weight:600;display:inline-flex}@media (width<=900px){.about-grid{text-align:center;grid-template-columns:1fr}.quick-facts-row{justify-content:center}}.skills-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.skill-category-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);padding:28px}.skill-category-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-4px)}.skill-card-header{align-items:center;gap:14px;margin-bottom:20px;display:flex}.skill-icon-bubble{background:var(--badge-bg);width:44px;height:44px;color:var(--badge-text);border-radius:12px;justify-content:center;align-items:center;display:flex}.skill-card-title{color:var(--text-primary);font-size:1.15rem;font-weight:700}.skill-chips-wrap{flex-wrap:wrap;gap:10px;display:flex}.skill-chip{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-light);transition:all var(--transition-fast);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:500;display:inline-flex}.skill-chip:hover{background:var(--badge-bg);color:var(--badge-text);border-color:var(--badge-border)}.skill-chip-icon{vertical-align:middle;color:currentColor;transition:color .15s,transform .15s;display:inline-block}.skill-chip:hover .skill-chip-icon{color:var(--brand-color,var(--primary-accent))}.skill-chip.learning{border:1.5px dashed var(--primary-accent);background:#5b6cff0d}.learning-dot{color:var(--primary-accent);font-size:.7rem;font-weight:700}@media (width<=992px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.skills-grid{grid-template-columns:1fr}}.projects-container{flex-direction:column;gap:48px;display:flex}.project-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);grid-template-columns:1.1fr .9fr;display:grid;overflow:hidden}.project-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-hover);transform:translateY(-4px)}.project-card.reverse{grid-template-columns:.9fr 1.1fr}.project-card.reverse .project-preview{order:2}.project-preview{background:#0b0e1b;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.project-preview img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.project-card:hover .project-preview img{transform:scale(1.03)}.project-badge-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border-radius:var(--radius-pill);background:#0f1222d9;border:1px solid #fff3;padding:6px 12px;font-size:.75rem;font-weight:700;position:absolute;top:16px;left:16px}.project-content{flex-direction:column;justify-content:space-between;padding:36px 32px;display:flex}.project-meta-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.project-period{color:var(--text-muted);font-size:.825rem;font-weight:600}.project-title{color:var(--text-primary);margin-bottom:8px;font-size:1.55rem;font-weight:800}.project-headline{color:var(--primary-accent);margin-bottom:20px;font-size:.95rem;font-weight:600}.psr-block{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-light);flex-direction:column;gap:10px;margin-bottom:20px;padding:16px;display:flex}.psr-item{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.psr-item strong{color:var(--text-primary);margin-right:4px}.project-tech-tags{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.tech-tag{background:var(--badge-bg);color:var(--badge-text);border-radius:6px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600}.project-actions{align-items:center;gap:12px;display:flex}@media (width<=900px){.project-card,.project-card.reverse{grid-template-columns:1fr}.project-card.reverse .project-preview{order:unset}.project-preview{height:250px}.project-content{padding:24px 20px}}.timeline-wrap{max-width:800px;margin:0 auto;padding-left:32px;position:relative}.timeline-wrap:before{content:"";background:var(--border-light);width:2px;position:absolute;top:8px;bottom:8px;left:8px}.timeline-item{margin-bottom:40px;position:relative}.timeline-dot{background:var(--primary-accent);border:4px solid var(--bg-primary);width:18px;height:18px;box-shadow:0 0 0 2px var(--primary-accent);border-radius:50%;position:absolute;top:8px;left:-32px}.timeline-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);padding:28px}.timeline-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.timeline-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.timeline-role{color:var(--text-primary);font-size:1.25rem;font-weight:700}.timeline-company{color:var(--primary-accent);font-size:.95rem;font-weight:600}.timeline-period{color:var(--text-muted);font-size:.85rem;font-weight:600}.timeline-list{flex-direction:column;gap:8px;margin-top:12px;padding-left:20px;display:flex}.timeline-list li{color:var(--text-secondary);font-size:.925rem}.edu-cert-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.edu-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);padding:32px}.cert-list{flex-direction:column;gap:12px;display:flex}.cert-item{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.cert-item:hover{background:var(--bg-card);border-color:var(--primary-accent);transform:translate(4px)}.cert-title{color:var(--text-primary);font-size:.925rem;font-weight:600}.cert-issuer{color:var(--text-muted);font-size:.785rem}.cert-badge{border-radius:var(--radius-pill);background:var(--badge-bg);color:var(--badge-text);border:1px solid var(--badge-border);padding:4px 10px;font-size:.75rem;font-weight:700}@media (width<=850px){.edu-cert-grid{grid-template-columns:1fr}}.leadership-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);align-items:flex-start;gap:28px;padding:36px;display:flex}.leadership-icon-box{background:var(--signature-gradient);color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 8px 20px #5b6cff4d}.leadership-content h3{margin-bottom:4px;font-size:1.35rem}.leadership-org{color:var(--primary-accent);margin-bottom:16px;font-size:.95rem;font-weight:600}.contact-grid{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-card);box-shadow:var(--shadow-md);grid-template-columns:.9fr 1.1fr;gap:48px;padding:48px;display:grid}.contact-card-single{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-card);box-shadow:var(--shadow-md);max-width:1040px;margin:0 auto;padding:48px}.contact-tiles-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.contact-tile{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;gap:16px;padding:24px 20px;display:flex}.contact-tile:hover{border-color:var(--primary-accent);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.contact-tile-content{flex-direction:column;gap:4px;min-width:0;display:flex;overflow:hidden}.contact-tile .contact-value{word-break:break-all;font-size:.92rem}@media (width<=900px){.contact-tiles-grid{grid-template-columns:1fr;gap:16px}.contact-card-single{padding:32px 20px}}.contact-info-list{flex-direction:column;gap:20px;margin-top:24px;display:flex}.contact-item{align-items:center;gap:16px;display:flex}.contact-icon-box{background:var(--badge-bg);width:44px;height:44px;color:var(--badge-text);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.contact-value{color:var(--text-primary);align-items:center;gap:8px;font-size:.95rem;font-weight:600;display:flex}.contact-value a:hover{color:var(--primary-accent)}.copy-btn{background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-secondary);transition:all var(--transition-fast);border-radius:4px;padding:3px 8px;font-size:.75rem}.copy-btn:hover{background:var(--badge-bg);color:var(--badge-text)}.contact-form{flex-direction:column;gap:18px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-primary);font-size:.875rem;font-weight:600}.form-control{border:1px solid var(--border-light);background:var(--bg-primary);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:10px;padding:12px 16px;font-family:inherit;font-size:.95rem}.form-control:focus{border-color:var(--primary-accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}textarea.form-control{resize:vertical;min-height:120px}.success-toast{color:#059669;background:#10b9811f;border:1px solid #10b98166;border-radius:10px;align-items:center;gap:10px;padding:14px 18px;font-size:.9rem;font-weight:600;display:flex}@media (width<=900px){.contact-grid{grid-template-columns:1fr;padding:32px 24px}}.footer{border-top:1px solid var(--border-light);background:var(--bg-card);padding:48px 0 32px}.footer-top{border-bottom:1px solid var(--border-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding-bottom:32px;display:flex}.footer-bottom{color:var(--text-muted);justify-content:space-between;align-items:center;padding-top:24px;font-size:.875rem;display:flex}.back-to-top-btn{color:var(--text-secondary);transition:color var(--transition-fast);align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:inline-flex}.back-to-top-btn:hover{color:var(--primary-accent)}.browser-mockup{background:var(--bg-card);border:1px solid var(--border-light);box-shadow:var(--shadow-md);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.browser-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:10px 14px;display:flex}.browser-dots{align-items:center;gap:6px;display:flex}.browser-dot{border-radius:50%;width:10px;height:10px}.browser-dot.red{background:#ff5f56}.browser-dot.yellow{background:#ffbd2e}.browser-dot.green{background:#27c93f}.browser-address-bar{background:var(--bg-card);border:1px solid var(--border-light);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;flex:1;align-items:center;gap:6px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:.75rem;display:flex;overflow:hidden}.browser-content-img{object-fit:cover;width:100%;height:100%;display:block}.live-badge{border-radius:var(--radius-pill);color:#10b981;background:#10b9811f;border:1px solid #10b98159;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.live-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:1.8s infinite pulseGreen}.arch-diagram-card{background:var(--bg-secondary);border:1px solid var(--border-light);text-align:center;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0;padding:16px;display:grid}.arch-node{background:var(--bg-card);border:1px solid var(--border-light);border-radius:8px;padding:10px 8px}.arch-node-title{color:var(--primary-accent);margin-bottom:2px;font-size:.75rem;font-weight:700}.arch-node-desc{color:var(--text-secondary);font-size:.72rem}@media (width<=640px){.arch-diagram-card{grid-template-columns:1fr}}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f1222b3;justify-content:center;align-items:center;padding:24px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-card);width:100%;max-width:800px;max-height:90vh;box-shadow:var(--shadow-hover);padding:32px;position:relative;overflow-y:auto}.modal-close-btn{border:1px solid var(--border-light);width:36px;height:36px;color:var(--text-muted);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:20px;right:20px}.modal-close-btn:hover{color:var(--text-primary);background:var(--bg-secondary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.skip-to-content{background:var(--primary-accent);color:#fff;border-radius:var(--radius-sm);z-index:9999;padding:8px 16px;font-weight:600;transition:top .2s;position:absolute;top:-40px;left:20px}.skip-to-content:focus{top:15px}.about-section-rebuilt{position:relative;overflow:hidden}.about-main-grid{grid-template-columns:repeat(12,1fr);align-items:start;gap:48px;display:grid}.about-profile-col{grid-column:span 5}.about-content-col{flex-direction:column;grid-column:span 7;gap:36px;display:flex}.about-profile-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);flex-direction:column;gap:24px;padding:24px;display:flex;position:sticky;top:96px}.about-photo-frame-wrap{border-radius:28px;width:100%;padding:6px;position:relative;overflow:visible}.about-photo-backdrop{z-index:0;pointer-events:none;background:linear-gradient(135deg,#5b6cff40 0%,#6fd3c038 100%);border-radius:28px;position:absolute;inset:0;transform:translate(8px,8px)}.about-photo-container{z-index:1;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:24px;width:100%;position:relative;overflow:hidden;box-shadow:0 10px 30px #5b6cff14}.about-profile-img{aspect-ratio:4/4.6;object-fit:cover;width:100%;height:auto;transition:transform .4s cubic-bezier(.16,1,.3,1);display:block}.about-profile-card:hover .about-profile-img{transform:scale(1.02)}.profile-floating-chip{z-index:2;border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-md);align-items:center;gap:8px;padding:8px 14px;font-size:.82rem;font-weight:600;display:inline-flex;position:absolute}.chip-location{color:var(--text-primary);border:1px solid var(--border-light);background:#ffffffeb;bottom:18px;left:14px}[data-theme=dark] .chip-location{color:var(--text-primary);background:#171b30eb}.chip-status{color:#059669;background:#ffffffeb;border:1px solid #10b98140;top:18px;right:14px}[data-theme=dark] .chip-status{color:#34d399;background:#171b30eb}.chip-pulse-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-ring;box-shadow:0 0 #10b981b3}@keyframes pulse-ring{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.chip-icon-indigo{color:var(--primary-accent)}.about-contact-row{flex-direction:column;gap:10px;display:flex}.contact-pill-btn{border-radius:var(--radius-pill);background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-secondary);transition:all var(--transition-fast);cursor:default;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-size:.85rem;display:flex}.contact-pill-btn:hover{background:var(--badge-bg);color:var(--text-primary);border-color:var(--border-hover)}.pill-leading{align-items:center;gap:10px;min-width:0;display:flex}.pill-text{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.pill-copy-action{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-pill);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;align-items:center;gap:6px;padding:4px 10px;font-size:.76rem;font-weight:600;display:inline-flex}.pill-copy-action:hover{background:var(--primary-accent);color:#fff;border-color:var(--primary-accent)}.pill-copy-action.copied{color:#10b981;background:#10b9811f;border-color:#10b98159}.about-philosophy-card{flex-direction:column;gap:16px;display:flex}.philosophy-title-wrap{margin-bottom:4px}.philosophy-title{color:var(--text-primary);letter-spacing:-.015em;margin-bottom:8px;font-size:1.5rem;font-weight:700}.philosophy-accent-bar{background:var(--signature-gradient);border-radius:var(--radius-pill);width:48px;height:3px}.philosophy-text-lead{color:var(--text-secondary);margin-bottom:12px;font-size:1rem;line-height:1.7}.philosophy-text-lead:last-child{margin-bottom:0}.journey-strip-wrap{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);flex-direction:column;gap:20px;padding:24px;display:flex}.journey-strip-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.journey-strip-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--primary-accent);align-items:center;gap:8px;font-size:.76rem;font-weight:700;display:inline-flex}.journey-strip-sub{color:var(--text-muted);font-size:.8rem}.journey-steps-grid{justify-content:space-between;align-items:center;gap:12px;display:flex}.journey-step-item{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.journey-step-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.journey-step-info{flex-direction:column;min-width:0;display:flex}.journey-step-phase{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.02em;font-size:.72rem;font-weight:600}.journey-step-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.journey-step-desc{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.journey-step-connector{color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;padding:0 4px;display:flex}.about-pillars-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.pillar-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);text-align:left;flex-direction:column;justify-content:space-between;gap:16px;padding:24px;display:flex}.pillar-card:hover{border-color:var(--primary-accent);box-shadow:var(--shadow-md);transform:translateY(-4px)}.pillar-card-top{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.pillar-icon-tile{width:48px;height:48px;transition:transform var(--transition-fast);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pillar-card:hover .pillar-icon-tile{transform:scale(1.08)}.tile-primary{color:#5b6cff;background:#5b6cff1f;border:1px solid #5b6cff38}.tile-mint{color:#0d9488;background:#6fd3c024;border:1px solid #6fd3c047}[data-theme=dark] .tile-mint{color:#6fd3c0}.tile-peach{color:#ea580c;background:#ffb89a29;border:1px solid #ffb89a4d}[data-theme=dark] .tile-peach{color:#ffb89a}.pillar-card-title{color:var(--text-primary);text-align:left;margin:0;font-size:1.05rem;font-weight:700;line-height:1.35}.pillar-card-desc{color:var(--text-secondary);text-align:left;margin:0;font-size:.88rem;line-height:1.55}.pillar-chips-list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pillar-chip-item{font-family:var(--font-mono);border-radius:var(--radius-pill);background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-secondary);padding:4px 9px;font-size:.72rem;font-weight:500}.about-stats-row{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat-tile-card{background:var(--bg-card);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);text-align:left;transition:all var(--transition-fast);border-radius:18px;flex-direction:column;gap:4px;padding:18px 16px;display:flex}.stat-tile-card:hover{border-color:var(--primary-accent);transform:translateY(-2px)}.stat-tile-value{font-family:var(--font-heading);color:var(--primary-accent);letter-spacing:-.02em;font-size:1.75rem;font-weight:800;line-height:1.1}.stat-tile-label{color:var(--text-primary);font-size:.86rem;font-weight:600}.stat-tile-detail{color:var(--text-muted);font-size:.74rem;line-height:1.4}.experience-section-rebuilt{background:var(--bg-secondary);position:relative}.filter-tabs-container{z-index:20;justify-content:center;margin-bottom:40px;display:flex;position:sticky;top:80px}.filter-tabs-track{border-radius:var(--radius-pill);background:var(--bg-card);border:1px solid var(--border-light);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(12px);align-items:center;gap:6px;max-width:100%;padding:6px;display:inline-flex;overflow-x:auto}.filter-tab-btn{border-radius:var(--radius-pill);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:color var(--transition-fast);z-index:1;background:0 0;border:none;align-items:center;gap:8px;padding:8px 18px;font-size:.86rem;font-weight:600;display:inline-flex;position:relative}.filter-tab-btn:hover{color:var(--text-primary)}.filter-tab-btn.active{color:#fff}.filter-tab-bg-active{border-radius:var(--radius-pill);background:var(--primary-accent);z-index:-1;position:absolute;inset:0;box-shadow:0 4px 14px #5b6cff59}.filter-tab-count{font-family:var(--font-mono);border-radius:var(--radius-pill);background:var(--bg-secondary);color:var(--text-muted);transition:all var(--transition-fast);padding:2px 7px;font-size:.7rem;font-weight:600}.filter-tab-btn.active .filter-tab-count{color:#fff;background:#ffffff38}.experience-main-layout{grid-template-columns:7fr 5fr;align-items:start;gap:40px;display:grid}.experience-main-layout.full-width{grid-template-columns:1fr;max-width:860px;margin:0 auto}.timeline-stream-col{min-width:0}.vertical-timeline-track{margin:0;padding:0;list-style:none;position:relative}.vertical-timeline-track:before{content:"";background:var(--border-light);z-index:0;width:2px;position:absolute;top:24px;bottom:24px;left:17px}.timeline-node-item{align-items:flex-start;gap:24px;margin-bottom:28px;display:flex;position:relative}.timeline-node-item:last-child{margin-bottom:0}.timeline-marker-dot{z-index:2;background:var(--bg-card);border:2px solid var(--border-light);width:36px;height:36px;box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.dot-core{border-radius:50%;width:14px;height:14px}.dot-work .dot-core{background:linear-gradient(135deg,#5b6cff,#8c98ff);box-shadow:0 0 10px #5b6cff73}.dot-leadership .dot-core{background:linear-gradient(135deg,#0d9488,#6fd3c0);box-shadow:0 0 10px #6fd3c073}.dot-education .dot-core{background:linear-gradient(135deg,#ea580c,#ffb89a);box-shadow:0 0 10px #ffb89a73}.timeline-entry-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);text-align:left;flex-direction:column;flex:1;gap:16px;padding:24px 28px;display:flex}.timeline-entry-card:hover{border-color:var(--primary-accent);box-shadow:var(--shadow-md);transform:translateY(-3px)}.timeline-card-top-row{border-bottom:1px solid var(--border-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-bottom:12px;display:flex}.timeline-card-badges{align-items:center;gap:8px;display:inline-flex}.role-badge-pill{border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.04em;padding:4px 10px;font-size:.76rem;font-weight:700}.badge-work{color:#5b6cff;background:#5b6cff1f;border:1px solid #5b6cff38}.badge-leadership{color:#0d9488;background:#6fd3c024;border:1px solid #6fd3c047}[data-theme=dark] .badge-leadership{color:#6fd3c0}.badge-education{color:#ea580c;background:#ffb89a29;border:1px solid #ffb89a4d}[data-theme=dark] .badge-education{color:#ffb89a}.duration-pill{font-family:var(--font-mono);border-radius:var(--radius-pill);background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-muted);padding:3px 8px;font-size:.72rem}.timeline-date-range{font-family:var(--font-mono);color:var(--text-muted);align-items:center;font-size:.8rem;font-weight:500;display:inline-flex}.timeline-card-identity{flex-direction:column;gap:6px;display:flex}.timeline-card-title{color:var(--text-primary);text-align:left;margin:0;font-size:1.25rem;font-weight:700;line-height:1.3}.timeline-card-org{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px;font-size:.88rem;display:flex}.timeline-org-name{color:var(--primary-accent);font-weight:600}.timeline-org-sep{color:var(--border-light)}.timeline-org-location{color:var(--text-muted);align-items:center;gap:4px;display:inline-flex}.timeline-bullets-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.timeline-bullet-item{color:var(--text-secondary);text-align:left;align-items:flex-start;gap:10px;font-size:.92rem;line-height:1.6;display:flex}.bullet-check-icon{color:var(--primary-accent);flex-shrink:0;margin-top:4px}.timeline-skills-list{border-top:1px solid var(--border-light);flex-wrap:wrap;gap:8px;margin:0;padding-top:10px;list-style:none;display:flex}.timeline-skill-chip{font-family:var(--font-mono);border-radius:var(--radius-pill);background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-secondary);padding:4px 10px;font-size:.74rem;font-weight:500}.credentials-sidebar-col{min-width:0}.credentials-sidebar-sticky{flex-direction:column;gap:24px;display:flex;position:sticky;top:96px}.credential-box{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);text-align:left;flex-direction:column;gap:18px;padding:24px;display:flex}.credential-box-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:10px;padding-bottom:12px;display:flex}.box-header-title{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:1rem;font-weight:700;display:inline-flex}.box-header-count{font-family:var(--font-mono);border-radius:var(--radius-pill);background:var(--badge-bg);color:var(--badge-text);border:1px solid var(--badge-border);padding:2px 8px;font-size:.72rem;font-weight:600}.edu-summary-content{align-items:flex-start;gap:16px;display:flex}.edu-summary-icon{color:#ea580c;background:#ffb89a29;border:1px solid #ffb89a4d;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}[data-theme=dark] .edu-summary-icon{color:#ffb89a}.edu-summary-info{flex-direction:column;gap:4px;display:flex}.edu-summary-degree{color:var(--text-primary);margin:0;font-size:1rem;font-weight:700;line-height:1.35}.edu-summary-inst{color:var(--primary-accent);margin:0;font-size:.86rem;font-weight:600}.edu-summary-meta{color:var(--text-muted);align-items:center;gap:6px;margin-top:2px;font-size:.78rem;display:flex}.certs-equal-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.cert-card-equal{background:var(--bg-card);border:1px solid var(--border-light);text-align:left;transition:all var(--transition-fast);color:inherit;cursor:default;border-radius:14px;align-items:flex-start;gap:12px;padding:14px;text-decoration:none;display:flex}.cert-card-equal.has-link{cursor:pointer}.cert-card-equal:hover{border-color:var(--primary-accent);transform:translateY(-2px);box-shadow:0 6px 18px #5b6cff1a}.cert-logo-tile{background:var(--badge-bg);width:40px;height:40px;color:var(--primary-accent);border:1px solid var(--badge-border);transition:transform var(--transition-fast);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cert-card-equal:hover .cert-logo-tile{transform:scale(1.08)}.cert-info-wrap{text-align:left;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cert-title-text{color:var(--text-primary);text-align:left;margin:0;font-size:.86rem;font-weight:600;line-height:1.35}.cert-issuer-text{color:var(--text-muted);text-align:left;margin:0;font-size:.76rem;line-height:1.3}.cert-meta-footer{justify-content:space-between;align-items:center;gap:6px;margin-top:4px;display:flex}.cert-year-tag{font-family:var(--font-mono);color:var(--text-muted);font-size:.7rem}.cert-action-link{color:var(--primary-accent);align-items:center;gap:3px;font-size:.72rem;font-weight:600;display:inline-flex}.learning-chips-wrap{flex-wrap:wrap;gap:8px;display:flex}.learning-chip-item{border-radius:var(--radius-pill);background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-secondary);align-items:center;gap:8px;padding:6px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.learning-chip-pulse{background:var(--primary-accent);border-radius:50%;width:6px;height:6px}.empty-timeline-state{background:var(--bg-card);border:1px dashed var(--border-light);border-radius:var(--radius-card);text-align:center;color:var(--text-muted);padding:48px 24px}.empty-timeline-state p{margin-bottom:12px;font-size:.95rem}.reset-filter-btn{border-radius:var(--radius-pill);background:var(--primary-accent);color:#fff;cursor:pointer;transition:opacity var(--transition-fast);border:none;align-items:center;gap:6px;padding:8px 16px;font-size:.84rem;font-weight:600;display:inline-flex}.reset-filter-btn:hover{opacity:.9}@media (width<=1024px){.about-main-grid{grid-template-columns:1fr;gap:36px}.about-profile-col,.about-content-col{grid-column:span 12}.about-profile-card{max-width:440px;margin:0 auto;position:relative;top:0}.about-pillars-grid{grid-template-columns:1fr}.about-stats-row{grid-template-columns:repeat(2,1fr)}.experience-main-layout{grid-template-columns:1fr;gap:36px}.credentials-sidebar-sticky{position:relative;top:0}}@media (width<=768px){.journey-steps-grid{flex-direction:column;align-items:stretch;gap:16px}.journey-step-connector{padding:6px 0;transform:rotate(90deg)}.certs-equal-grid{grid-template-columns:1fr}.filter-tabs-container{justify-content:flex-start;top:68px}.filter-tabs-track{-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;overflow-x:auto}.filter-tabs-track::-webkit-scrollbar{display:none}.vertical-timeline-track:before{left:15px}.timeline-marker-dot{width:32px;height:32px}.dot-core{width:12px;height:12px}.timeline-node-item{gap:16px}.timeline-entry-card{padding:18px 20px}.timeline-card-top-row{flex-direction:column;align-items:flex-start;gap:6px}.stat-tile-card{padding:14px 12px}.stat-tile-value{font-size:1.5rem}}@media (width<=480px){.about-stats-row{grid-template-columns:1fr 1fr;gap:10px}.contact-pill-btn{padding:8px 12px;font-size:.8rem}.profile-floating-chip{padding:6px 10px;font-size:.74rem}}