:root,[data-theme=dark]{--bg-primary:#09090b;--bg-secondary:#121215;--bg-card:#18181ba6;--bg-card-hover:#27272abf;--bg-card-solid:#18181b;--bg-glass:#0f0f12bf;--bg-input:#18181bcc;--bg-tag:#ffffff0f;--border-subtle:#ffffff14;--border-medium:#ffffff1f;--border-hover:#fff3;--border-accent:#6366f159;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-inverse:#09090b;--accent-primary:#6366f1;--accent-hover:#818cf8;--accent-glow:#6366f12e;--accent-gradient:linear-gradient(135deg,#6366f1,#a855f7);--accent-emerald:#10b981;--accent-emerald-glow:#10b98140;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 24px #0006;--shadow-lg:0 16px 40px #00000080;--shadow-glow:0 0 35px #6366f11f;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--font-heading:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","SF Mono",Consolas,monospace;--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.25s cubic-bezier(0.4,0,0.2,1);--transition-smooth:0.4s cubic-bezier(0.16,1,0.3,1);--ambient-glow-1:radial-gradient(circle at 15% 15%,#6366f114 0%,#0000 45%);--ambient-glow-2:radial-gradient(circle at 85% 75%,#a855f70f 0%,#0000 45%)}[data-theme=light]{--bg-primary:#fafafa;--bg-secondary:#f4f4f5;--bg-card:#ffffffd1;--bg-card-hover:#fffffff5;--bg-card-solid:#fff;--bg-glass:#ffffffd1;--bg-input:#f4f4f5cc;--bg-tag:#0000000a;--border-subtle:#00000012;--border-medium:#0000001f;--border-hover:#0003;--border-accent:#4f46e540;--text-primary:#09090b;--text-secondary:#52525b;--text-muted:#71717a;--text-inverse:#fafafa;--accent-primary:#4f46e5;--accent-hover:#6366f1;--accent-glow:#4f46e51f;--accent-gradient:linear-gradient(135deg,#4f46e5,#9333ea);--accent-emerald:#059669;--accent-emerald-glow:#05966933;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 8px 24px #0000000f;--shadow-lg:0 16px 40px #00000014;--shadow-glow:0 0 35px #4f46e50f;--ambient-glow-1:radial-gradient(circle at 15% 15%,#4f46e50a 0%,#0000 45%);--ambient-glow-2:radial-gradient(circle at 85% 75%,#9333ea08 0%,#0000 45%)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;scroll-behavior:smooth;scroll-padding-top:90px}body{background-color:#09090b;background-color:var(--bg-primary);color:#fafafa;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-body);font-size:1rem;line-height:1.6;min-height:100vh;overflow-x:hidden;position:relative;transition:background-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-normal),color var(--transition-normal)}body:before{background-image:radial-gradient(circle at 15% 15%,#6366f114 0,#0000 45%),radial-gradient(circle at 85% 75%,#a855f70f 0,#0000 45%);background-image:var(--ambient-glow-1),var(--ambient-glow-2);content:"";height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:0}h1,h2,h3,h4,h5,h6{color:#fafafa;color:var(--text-primary);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-heading);font-weight:700;letter-spacing:-.025em;line-height:1.2}h1{font-size:clamp(2.5rem,5.5vw,4.25rem);font-weight:800;letter-spacing:-.035em}h2{font-size:clamp(1.85rem,3.5vw,2.5rem);font-weight:700}h3{font-size:clamp(1.25rem,2vw,1.5rem);font-weight:600}p{color:#a1a1aa;color:var(--text-secondary);font-weight:400}a{text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}a,button{color:inherit}button{background:none;border:none;cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#09090b;background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff1f;background:var(--border-medium);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#fff3;background:var(--border-hover)}::selection{background-color:#6366f1;background-color:var(--accent-primary);color:#fff}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.navbar-header{justify-content:center;left:0;padding:0 20px;pointer-events:none;position:fixed;top:16px;z-index:1000}.navbar-header,.navbar-island{display:flex;transition:all var(--transition-normal);width:100%}.navbar-island{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);gap:2rem;justify-content:space-between;max-width:860px;padding:8px 12px 8px 20px;pointer-events:auto}.navbar-header.scrolled .navbar-island{background:var(--bg-card-solid);border-color:var(--border-medium);box-shadow:var(--shadow-md)}.navbar-brand{align-items:center;display:flex}.brand-logo{align-items:center;color:var(--text-primary);display:inline-flex;font-family:var(--font-heading);font-size:1.1rem;font-weight:800;gap:6px;letter-spacing:-.03em}.brand-dot{background-color:var(--accent-emerald);border-radius:50%;box-shadow:0 0 10px var(--accent-emerald);height:7px;width:7px}.brand-accent{color:var(--accent-primary)}.nav-menu{align-items:center;background:var(--bg-tag);border:1px solid var(--border-subtle);border-radius:var(--radius-full);display:flex;gap:4px;list-style:none;padding:4px}.nav-item,.nav-link{position:relative}.nav-link{align-items:center;border-radius:var(--radius-full);color:var(--text-secondary);display:inline-flex;font-size:.875rem;font-weight:500;padding:6px 14px;transition:all var(--transition-fast);z-index:1}.nav-link.active,.nav-link:hover{color:var(--text-primary)}.nav-link.active{font-weight:600}.active-pill{animation:fadeIn .2s ease;background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);inset:0;position:absolute;z-index:-1}.navbar-actions{align-items:center;display:flex;gap:8px}.theme-toggle-btn{align-items:center;background:var(--bg-tag);border:1px solid var(--border-subtle);border-radius:50%;color:var(--text-primary);display:flex;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.theme-toggle-btn:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:rotate(15deg)}.theme-icon{transition:transform var(--transition-fast)}.hamburger-btn{align-items:center;background:var(--bg-tag);border:1px solid var(--border-subtle);border-radius:50%;color:var(--text-primary);display:none;flex-direction:column;gap:5px;height:36px;justify-content:center;width:36px}.hamburger-line{background-color:var(--text-primary);border-radius:2px;height:2px;transition:all var(--transition-fast);width:16px}.hamburger-btn.open .hamburger-line:first-child{transform:translateY(3.5px) rotate(45deg)}.hamburger-btn.open .hamburger-line:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}.mobile-drawer{inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity var(--transition-normal),visibility var(--transition-normal);visibility:hidden;z-index:2000}.mobile-drawer.open{opacity:1;pointer-events:auto;visibility:visible}.mobile-drawer-backdrop{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;inset:0;position:absolute}.mobile-drawer-content{background:var(--bg-primary);border-left:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:2rem;height:100%;max-width:320px;padding:24px;position:absolute;right:0;top:0;transform:translateX(100%);transition:transform var(--transition-smooth);width:80%}.mobile-drawer.open .mobile-drawer-content{transform:translateX(0)}.mobile-drawer-header{align-items:center;display:flex;justify-content:space-between}.mobile-close-btn{align-items:center;background:var(--bg-tag);border:1px solid var(--border-subtle);border-radius:50%;color:var(--text-primary);display:flex;height:36px;justify-content:center;width:36px}.mobile-nav-list{display:flex;flex-direction:column;gap:8px;list-style:none}.mobile-nav-link{border-radius:var(--radius-md);color:var(--text-secondary);display:block;font-size:1.1rem;font-weight:500;padding:12px 16px;transition:all var(--transition-fast)}.mobile-nav-link.active,.mobile-nav-link:hover{background:var(--bg-card);color:var(--text-primary)}@media (max-width:768px){.nav-menu{display:none}.hamburger-btn{display:flex}.navbar-island{padding:6px 8px 6px 16px}}.modern-footer{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);padding:40px 24px 30px;z-index:10}.footer-marquee-area,.modern-footer{overflow:hidden;position:relative;width:100%}.footer-marquee-area{display:flex;margin:0 auto 36px;max-width:1000px}.footer-gradient-left,.footer-gradient-right{bottom:0;pointer-events:none;position:absolute;top:0;width:80px;z-index:2}.footer-gradient-left{background:linear-gradient(90deg,var(--bg-secondary) 0,#0000 100%);left:0}.footer-gradient-right{background:linear-gradient(270deg,var(--bg-secondary) 0,#0000 100%);right:0}.footer-marquee-track{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none;width:-webkit-max-content;width:max-content}.marquee-content{align-items:center;animation:scrollMarquee 45s linear infinite;display:flex;flex-shrink:0;gap:12px;padding-right:12px;will-change:transform}@keyframes scrollMarquee{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.marquee-badge{align-items:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);display:inline-flex;font-family:var(--font-mono);font-size:.8rem;font-weight:500;gap:8px;padding:6px 14px;white-space:nowrap}.badge-icon{color:var(--accent-primary);font-size:.85rem}.footer-bottom-bar{align-items:center;border-top:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:0 auto;max-width:1100px;padding-top:24px}.footer-left{align-items:baseline;display:flex;gap:8px}.footer-brand-title{color:var(--text-primary);font-family:var(--font-heading);font-size:.95rem;font-weight:700}.footer-brand-role{color:var(--text-muted)}.footer-brand-role,.footer-status-pill{font-family:var(--font-mono);font-size:.78rem}.footer-status-pill{align-items:center;background:var(--bg-tag);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);display:inline-flex;gap:8px;padding:6px 14px}.footer-clock-dot{animation:pulseDot 2s ease-in-out infinite;background:var(--accent-emerald);border-radius:50%;box-shadow:0 0 6px var(--accent-emerald);height:6px;width:6px}.footer-right p{color:var(--text-muted);font-size:.8rem}@media (max-width:768px){.footer-bottom-bar{align-items:center;flex-direction:column;gap:12px;text-align:center}}.hero-section{display:flex;justify-content:center;min-height:calc(100vh - 40px);overflow:visible;padding-bottom:90px;padding-top:120px;position:relative}.hero-grid,.hero-section{align-items:center;width:100%}.hero-grid{grid-gap:3.5rem;display:grid;gap:3.5rem;grid-template-columns:1.2fr .8fr}.hero-content{align-items:flex-start;display:flex;flex-direction:column;gap:1.35rem}.hero-status-badge{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--text-secondary);display:inline-flex;font-family:var(--font-mono);font-size:.78rem;font-weight:500;gap:8px;padding:6px 14px;transition:border-color var(--transition-fast),transform var(--transition-fast)}.hero-status-badge:hover{border-color:var(--border-hover);transform:translateY(-1px)}.status-dot{animation:pulseDot 2s ease-in-out infinite;background-color:var(--accent-emerald);border-radius:50%;box-shadow:0 0 8px var(--accent-emerald);height:7px;width:7px}@keyframes pulseDot{0%,to{opacity:.8;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}}.hero-title{color:var(--text-primary);font-size:clamp(2.4rem,4.8vw,3.75rem);font-weight:800;letter-spacing:-.035em;line-height:1.12}.hero-title-gradient{-webkit-text-fill-color:#0000;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text}.hero-role-line{align-items:center;display:flex;flex-wrap:wrap;font-family:var(--font-mono);font-size:clamp(.92rem,1.6vw,1.1rem);font-weight:500;gap:4px}.hero-role-line,.hero-role-prefix{color:var(--text-muted)}.hero-typing-role{color:var(--accent-primary);font-weight:600}.typing-cursor{animation:blinkCursor .8s infinite;color:var(--accent-primary);display:inline-block;font-weight:700;margin-left:2px}@keyframes blinkCursor{0%,to{opacity:1}50%{opacity:0}}.hero-description{color:var(--text-secondary);font-size:1.05rem;line-height:1.7;max-width:540px}.hero-description strong{color:var(--text-primary);font-weight:600}.hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:14px;margin-top:.4rem}.hero-btn{align-items:center;display:inline-flex;font-size:.95rem;gap:8px;padding:12px 26px}.hero-btn svg{transition:transform var(--transition-fast)}.hero-btn:hover svg{transform:translateX(3px)}.hero-social-strip{align-items:center;border-top:1px solid var(--border-subtle);display:flex;gap:14px;margin-top:.8rem;max-width:520px;padding-top:1.25rem;width:100%}.social-strip-label{color:var(--text-muted);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.05em;text-transform:uppercase}.social-pill-group{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.social-pill{align-items:center;background:var(--bg-tag);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);display:inline-flex;font-size:.82rem;font-weight:500;gap:7px;padding:6px 14px;transition:all var(--transition-fast)}.social-pill:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--shadow-sm);color:var(--text-primary);transform:translateY(-2px)}.social-pill-icon{filter:grayscale(.2);height:16px;object-fit:contain;transition:filter var(--transition-fast);width:16px}.social-pill:hover .social-pill-icon{filter:grayscale(0)}.hero-visual{justify-content:center}.hero-avatar-card,.hero-visual{align-items:center;display:flex;position:relative}.hero-avatar-card{animation:heroFloat 6s ease-in-out infinite alternate;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;gap:12px;max-width:320px;padding:14px;transition:all var(--transition-smooth);width:100%}@keyframes heroFloat{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.hero-avatar-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow),var(--shadow-lg)}.avatar-ambient-glow{background:radial-gradient(circle at 50% 50%,var(--accent-glow) 0,#0000 65%);border-radius:inherit;inset:-15px;pointer-events:none;position:absolute;z-index:-1}.avatar-frame{align-items:center;aspect-ratio:1/1;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:calc(var(--radius-lg) - 4px);display:flex;justify-content:center;overflow:hidden;width:100%}.avatar-photo{height:100%;object-fit:cover;transition:transform var(--transition-smooth);width:100%}.hero-avatar-card:hover .avatar-photo{transform:scale(1.04)}.avatar-meta-tag{align-items:center;background:var(--bg-tag);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);display:inline-flex;font-family:var(--font-mono);font-size:.75rem;font-weight:500;gap:8px;padding:5px 12px}.meta-tag-dot{background:var(--accent-primary);border-radius:50%;height:6px;width:6px}.animate-fade-in-up{animation:fadeInUp .7s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-in-down{animation:fadeInDown .7s cubic-bezier(.16,1,.3,1) forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@media (max-width:960px){.hero-grid{gap:2.5rem;grid-template-columns:1fr}.hero-section{padding-top:100px}.hero-content{align-items:center;text-align:center}.hero-role-line{justify-content:center}.hero-description{text-align:center}.hero-actions,.hero-social-strip{justify-content:center}.hero-social-strip{flex-direction:column;gap:8px}.hero-avatar-card{max-width:260px}}.about-section{padding:80px 24px 100px;position:relative;width:100%}.about-tab-bar{align-items:center;background:var(--bg-tag);border:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:0 auto 40px;max-width:-webkit-fit-content;max-width:fit-content;padding:6px}.about-tab-bar,.about-tab-btn{border-radius:var(--radius-full)}.about-tab-btn{color:var(--text-secondary);font-family:var(--font-heading);font-size:.9rem;font-weight:500;padding:8px 18px;transition:all var(--transition-fast)}.about-tab-btn.active,.about-tab-btn:hover{color:var(--text-primary)}.about-tab-btn.active{background:var(--bg-card);border:1px solid var(--border-medium);box-shadow:var(--shadow-sm);font-weight:600}.about-tab-container{margin:0 auto;max-width:1100px;width:100%}.about-bento-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1.15fr .85fr}.bento-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:28px;transition:all var(--transition-normal)}.bento-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.bio-card{display:flex;flex-direction:column;gap:16px}.bio-header{align-items:center;display:flex;gap:16px}.bio-avatar{border:2px solid var(--border-medium);border-radius:50%;height:64px;object-fit:cover;width:64px}.bio-name{color:var(--text-primary);font-size:1.35rem;font-weight:700}.bio-role{color:var(--text-muted);font-family:var(--font-mono);font-size:.8rem}.bio-text{color:var(--text-secondary);font-size:.98rem;line-height:1.65}.bio-actions{border-top:1px solid var(--border-subtle);flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:8px;padding-top:18px}.bio-actions,.bio-socials{align-items:center;display:flex}.bio-socials{gap:8px}.bento-metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.metric-card{display:flex;flex-direction:column;gap:6px;justify-content:center;padding:22px}.metric-number{-webkit-text-fill-color:#0000;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;line-height:1}.metric-number,.metric-title{color:var(--text-primary);font-family:var(--font-heading)}.metric-title{font-size:.95rem;font-weight:700}.metric-desc{color:var(--text-muted);font-size:.82rem;line-height:1.4}.certificates-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.cert-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:22px;transition:all var(--transition-normal)}.cert-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-3px)}.cert-top{justify-content:space-between}.cert-issuer-badge,.cert-top{align-items:center;display:flex}.issuer-cisco{background:#03a8f41f;border-radius:4px;color:#0288d1;font-family:var(--font-mono);font-size:.75rem;font-weight:600;padding:3px 8px}.udemy-badge-logo{height:18px;opacity:.85;width:auto}.cert-view-hint{color:var(--accent-primary);font-family:var(--font-mono);font-size:.75rem;font-weight:500}.cert-card-title{color:var(--text-primary);font-size:1.1rem;font-weight:700;line-height:1.3}.cert-card-desc{color:var(--text-secondary);flex-grow:1;font-size:.88rem;line-height:1.5}.cert-tags{display:flex;flex-wrap:wrap;gap:6px}.cert-skill-tag{background:var(--bg-tag);border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-secondary);font-family:var(--font-mono);font-size:.72rem;padding:3px 8px}.cert-card-footer{border-top:1px solid var(--border-subtle);padding-top:10px}.cert-id-tag{color:var(--text-muted);font-family:var(--font-mono);font-size:.7rem}.certificates-toggle-wrap{display:flex;justify-content:center;margin-top:30px}.timeline-container{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:840px;position:relative}.timeline-container:before{background:var(--border-subtle);bottom:10px;content:"";left:15px;position:absolute;top:10px;width:2px}.timeline-item{display:flex;gap:24px;position:relative}.timeline-node{display:flex;flex-shrink:0;justify-content:center;padding-top:6px;width:32px}.timeline-dot{background:var(--accent-primary);border-radius:50%;box-shadow:0 0 0 4px var(--bg-primary),0 0 0 5px var(--border-subtle);height:10px;width:10px}.timeline-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex:1 1;flex-direction:column;gap:12px;padding:24px;transition:all var(--transition-normal)}.timeline-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.timeline-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.timeline-period{color:var(--accent-primary);display:block;font-family:var(--font-mono);font-size:.78rem;font-weight:500;margin-bottom:2px}.timeline-title{color:var(--text-primary);font-size:1.2rem;font-weight:700}.timeline-subtitle{color:var(--text-secondary);font-size:.95rem;font-weight:500}.timeline-badge{background:var(--bg-tag);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);font-family:var(--font-mono);font-size:.75rem;font-weight:600;padding:4px 10px}.timeline-badge.honors{background:#10b9811a;border-color:#10b98140;color:var(--accent-emerald)}.timeline-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.timeline-list{display:flex;flex-direction:column;gap:6px;list-style:none}.timeline-list li{color:var(--text-secondary);font-size:.9rem;padding-left:18px;position:relative}.timeline-list li:before{color:var(--accent-primary);content:"→";font-weight:600;left:0;position:absolute}.timeline-tech-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.tech-pill{background:var(--bg-tag);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);font-family:var(--font-mono);font-size:.75rem;padding:3px 9px}.cert-modal-backdrop{align-items:center;animation:fadeIn .25s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#000000bf;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:3000}.cert-modal-dialog{animation:modalPop .3s cubic-bezier(.16,1,.3,1);background:var(--bg-card-solid);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:780px;padding:28px;position:relative;width:100%}@keyframes modalPop{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.cert-modal-close{align-items:center;background:var(--bg-tag);border:1px solid var(--border-subtle);border-radius:50%;color:var(--text-primary);display:flex;height:36px;justify-content:center;position:absolute;right:18px;top:18px;transition:all var(--transition-fast);width:36px}.cert-modal-close:hover{background:var(--bg-card-hover)}.cert-modal-body{grid-gap:24px;align-items:center;display:grid;gap:24px;grid-template-columns:1fr 1.15fr}.cert-modal-preview{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.cert-modal-img{display:block;height:auto;width:100%}.cert-modal-info{display:flex;flex-direction:column;gap:12px}.cert-modal-issuer{color:var(--accent-primary);font-family:var(--font-mono);font-size:.8rem;font-weight:600}.cert-modal-title{color:var(--text-primary);font-size:1.35rem;font-weight:700}.cert-modal-desc{color:var(--text-secondary);font-size:.92rem;line-height:1.6}.cert-modal-skills .skills-heading{color:var(--text-muted);display:block;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.cert-modal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}@media (max-width:900px){.about-bento-grid,.cert-modal-body{grid-template-columns:1fr}}@media (max-width:600px){.bento-metrics-grid,.certificates-grid{grid-template-columns:1fr}}.projects-section{padding:80px 24px 100px;position:relative;width:100%}.projects-filter-bar{align-items:center;background:var(--bg-tag);border:1px solid var(--border-subtle);border-radius:var(--radius-full);display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:0 auto 45px;max-width:-webkit-fit-content;max-width:fit-content;padding:6px}.filter-tab-btn{border-radius:var(--radius-full);color:var(--text-secondary);font-family:var(--font-heading);font-size:.9rem;font-weight:500;padding:8px 18px;transition:all var(--transition-fast)}.filter-tab-btn.active,.filter-tab-btn:hover{color:var(--text-primary)}.filter-tab-btn.active{background:var(--bg-card);border:1px solid var(--border-medium);box-shadow:var(--shadow-sm);font-weight:600}.projects-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));margin:0 auto;max-width:1100px;width:100%}.project-bento-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;transition:all var(--transition-normal)}.project-bento-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md),var(--shadow-glow);transform:translateY(-4px)}.project-media-frame{aspect-ratio:16/10;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);overflow:hidden;position:relative;width:100%}.project-thumbnail{height:100%;object-fit:cover;transition:transform var(--transition-smooth);width:100%}.project-bento-card:hover .project-thumbnail{transform:scale(1.04)}.project-video-preview{background:#000;height:100%;width:100%}.project-iframe{border:none;height:100%;width:100%}.project-badges-strip{align-items:center;display:flex;gap:6px;left:14px;position:absolute;top:14px;z-index:2}.project-status-pill{background:#10b981e6;box-shadow:0 2px 8px #0003}.project-status-pill,.project-year-pill{border-radius:var(--radius-full);color:#fff;font-family:var(--font-mono);font-size:.72rem;font-weight:600;padding:4px 10px}.project-year-pill{background:#0009}.project-year-pill,.video-badge-hint{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.video-badge-hint{align-items:center;background:#000000a6;border-radius:var(--radius-full);bottom:14px;color:#fff;display:inline-flex;font-family:var(--font-mono);font-size:.72rem;font-weight:500;gap:5px;padding:5px 10px;position:absolute;right:14px;z-index:2}.project-card-body{display:flex;flex-direction:column;flex-grow:1;gap:12px;padding:22px}.project-card-title{color:var(--text-primary);font-size:1.25rem;font-weight:700;line-height:1.3}.project-card-brief{color:var(--text-secondary);flex-grow:1;font-size:.92rem;line-height:1.55}.project-tech-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.project-tech-pill{background:var(--bg-tag);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);font-family:var(--font-mono);font-size:.75rem;padding:3px 9px}.project-tech-pill.more{color:var(--accent-primary);font-weight:600}.project-card-action{border-top:1px solid var(--border-subtle);margin-top:6px;padding-top:14px}.project-view-link{align-items:center;color:var(--accent-primary);display:inline-flex;font-family:var(--font-heading);font-size:.9rem;font-weight:600;gap:6px;transition:all var(--transition-fast)}.project-view-link svg{transition:transform var(--transition-fast)}.project-bento-card:hover .project-view-link{color:var(--accent-hover)}.project-bento-card:hover .project-view-link svg{transform:translate(2px,-2px)}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}}.skills-section{padding:80px 24px 100px;position:relative;width:100%}.skills-bento-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1100px;width:100%}.skills-group-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:20px;padding:28px;transition:all var(--transition-normal)}.skills-group-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.skills-group-header{display:flex;flex-direction:column;gap:4px}.skills-group-title{color:var(--text-primary);font-size:1.25rem;font-weight:700}.skills-group-desc{color:var(--text-muted);font-size:.85rem}.skills-pill-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.skill-pill-card{align-items:center;background:var(--bg-tag);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:default;display:flex;gap:10px;padding:10px 14px;transition:all var(--transition-fast)}.skill-pill-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.skill-icon-wrapper{align-items:center;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.skill-pill-img{height:100%;object-fit:contain;width:100%}.skill-pill-name{color:var(--text-primary);font-family:var(--font-heading);font-size:.88rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:800px){.skills-bento-grid{grid-template-columns:1fr}}.contact-section{padding:80px 24px 120px;position:relative;width:100%}.contact-card{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:32px;margin:0 auto;max-width:860px;padding:48px;position:relative;text-align:center;transition:all var(--transition-normal);width:100%}.contact-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg),var(--shadow-glow)}.contact-ambient-glow{background:radial-gradient(circle at 50% 30%,var(--accent-glow) 0,#0000 60%);border-radius:inherit;inset:-10px;pointer-events:none;position:absolute;z-index:-1}.contact-header{align-items:center;display:flex;flex-direction:column;gap:12px;max-width:600px}.contact-title{color:var(--text-primary);font-size:clamp(1.85rem,3.5vw,2.4rem);font-weight:800;letter-spacing:-.03em;line-height:1.2}.contact-subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.6}.contact-email-bar{align-items:center;background:var(--bg-tag);border:1px solid var(--border-medium);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;max-width:620px;padding:12px 18px;width:100%}.email-info{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.email-label{color:var(--text-muted);font-size:.72rem;letter-spacing:.05em;text-transform:uppercase}.email-address,.email-label{font-family:var(--font-mono)}.email-address{color:var(--text-primary);font-size:.95rem;font-weight:600}.email-actions{align-items:center;display:flex;gap:8px}.copy-btn{font-size:.85rem;padding:8px 16px}.copy-btn.copied{background:#10b98126;border-color:#10b9814d;color:var(--accent-emerald)}.send-btn{font-size:.85rem;padding:8px 18px}.contact-socials-wrap{align-items:center;display:flex;flex-direction:column;gap:12px;width:100%}.socials-lead{color:var(--text-muted);font-family:var(--font-mono);font-size:.78rem}.contact-social-pills{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.social-card-pill{align-items:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);display:inline-flex;font-family:var(--font-heading);font-size:.88rem;font-weight:500;gap:8px;padding:8px 16px;transition:all var(--transition-fast)}.social-card-pill:hover{background:var(--bg-card-hover);border-color:var(--border-hover);color:var(--text-primary);transform:translateY(-2px)}.social-card-pill svg{color:var(--text-muted);transition:transform var(--transition-fast)}.social-card-pill:hover svg{color:var(--accent-primary);transform:translate(2px,-2px)}.contact-meta-footer{border-top:1px solid var(--border-subtle);display:flex;justify-content:center;padding-top:16px;width:100%}.location-pill{align-items:center;color:var(--text-muted);display:inline-flex;font-family:var(--font-mono);font-size:.78rem;gap:8px}.location-dot{background:var(--accent-emerald);border-radius:50%;height:6px;width:6px}@media (max-width:680px){.contact-card{padding:32px 20px}.contact-email-bar{align-items:stretch;flex-direction:column;text-align:center}.email-info{align-items:center}.email-actions{justify-content:center}}.project-detail-section{margin:0 auto;max-width:1200px;min-height:100vh;padding:110px 24px 80px;position:relative;width:100%}.project-detail-container{display:flex;flex-direction:column;gap:24px}.project-detail-top-nav{align-items:center;display:flex}.back-btn{align-items:center;display:inline-flex;font-size:.88rem;gap:8px;padding:8px 18px}.project-detail-bento{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1.15fr .85fr}.detail-media-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.detail-video-wrapper{aspect-ratio:16/9;background:#000;position:relative;width:100%}.detail-iframe{border:none;height:100%;width:100%}.detail-image-wrapper{background:var(--bg-secondary);width:100%}.detail-image{display:block;height:auto;object-fit:cover;width:100%}.detail-info-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);gap:24px;padding:32px}.detail-header,.detail-info-card{display:flex;flex-direction:column}.detail-header{gap:8px}.detail-title{color:var(--text-primary);font-size:clamp(1.8rem,3vw,2.3rem);font-weight:800;letter-spacing:-.03em;line-height:1.2}.detail-metadata-grid{grid-gap:12px;background:var(--bg-tag);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:grid;gap:12px;grid-template-columns:1fr 1fr;padding:14px 18px}.metadata-item{display:flex;flex-direction:column;gap:2px}.metadata-label{color:var(--text-muted);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.05em;text-transform:uppercase}.metadata-value{color:var(--text-primary);font-family:var(--font-heading);font-size:.95rem;font-weight:600}.detail-section-heading{color:var(--text-primary);font-size:1rem;font-weight:700;margin-bottom:8px}.detail-description{color:var(--text-secondary);font-size:.95rem;line-height:1.65}.detail-tech-pills{display:flex;flex-wrap:wrap;gap:6px}.detail-action-buttons{display:flex;flex-wrap:wrap;gap:12px}.detail-connect-strip{border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:10px;padding-top:18px}.connect-label{color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.detail-socials{flex-wrap:wrap;gap:8px}.detail-socials,.not-found{align-items:center;display:flex}.not-found{justify-content:center}.not-found-card{align-items:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:16px;padding:48px;text-align:center}@media (max-width:900px){.project-detail-bento{grid-template-columns:1fr}}.scroll-progress-container{background:#0000;height:3px;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}.scroll-progress-bar{background:var(--accent-gradient);box-shadow:0 0 10px var(--accent-glow);height:100%;transition:width .1s linear}.scroll-navigation-container{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px;padding:12px 6px;pointer-events:auto;position:fixed;right:20px;top:50%;transform:translateY(-50%);transition:all var(--transition-normal);z-index:1001}.scroll-navigation-container.collapsed{opacity:0;pointer-events:none;transform:translateY(-50%) translateX(120px);visibility:hidden}.scroll-navigation-container.expanded{opacity:1;transform:translateY(-50%) translateX(0);visibility:visible}.scroll-indicators{align-items:center;display:flex;flex-direction:column;gap:10px}.scroll-indicator{align-items:center;cursor:pointer;display:flex;padding:4px;position:relative}.indicator-dot{background-color:var(--text-muted);border-radius:50%;height:8px;opacity:.4;transition:all var(--transition-fast);width:8px}.scroll-indicator:hover .indicator-dot{background-color:var(--accent-primary);opacity:.8;transform:scale(1.25)}.scroll-indicator.active .indicator-dot{background-color:var(--accent-primary);box-shadow:0 0 8px var(--accent-primary);opacity:1;transform:scale(1.4)}.indicator-label{background:var(--bg-card-solid);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:var(--text-primary);font-family:var(--font-mono);font-size:.72rem;font-weight:600;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;right:24px;transform:translateX(6px);transition:all var(--transition-fast);white-space:nowrap}.scroll-indicator:hover .indicator-label{opacity:1;transform:translateX(0)}.floating-toggle-btn{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:50%;box-shadow:var(--shadow-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;position:fixed;right:18px;top:50%;transform:translateY(-50%);transition:all var(--transition-fast);width:32px;z-index:1002}.floating-toggle-btn:hover{background:var(--bg-card-hover);border-color:var(--border-hover);color:var(--text-primary)}.floating-toggle-btn.hidden{opacity:0;pointer-events:none;visibility:hidden}.toggle-indicators-btn{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color var(--transition-fast)}.toggle-indicators-btn:hover{color:var(--text-primary)}@media (max-width:900px){.floating-toggle-btn,.scroll-navigation-container{display:none}}.scroll-to-top{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:50%;bottom:24px;box-shadow:var(--shadow-md);color:var(--text-primary);cursor:pointer;display:flex;height:44px;justify-content:center;opacity:0;pointer-events:none;position:fixed;right:24px;transform:translateY(16px);transition:all var(--transition-normal);width:44px;z-index:999}.scroll-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-to-top:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--shadow-lg),var(--shadow-glow);color:var(--accent-primary);transform:translateY(-3px)}.scroll-to-top:active{transform:translateY(0)}@media (max-width:768px){.scroll-to-top{bottom:16px;height:38px;right:16px;width:38px}}.cursor-spotlight-container{height:100vh;inset:0;overflow:hidden;pointer-events:none;position:fixed;width:100vw;z-index:0}.cursor-spotlight-glow{background:radial-gradient(circle,var(--accent-glow) 0,#6366f10d 35%,#0000 70%);border-radius:50%;filter:blur(40px);height:500px;left:-250px;opacity:.85;pointer-events:none;position:absolute;top:-250px;transition:opacity var(--transition-normal);width:500px;will-change:transform}[data-theme=light] .cursor-spotlight-glow{background:radial-gradient(circle,#4f46e514 0,#9333ea08 40%,#0000 70%);opacity:.7}@media (pointer:coarse),(prefers-reduced-motion:reduce){.cursor-spotlight-container{display:none}}.App{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;position:relative}.main-content{min-height:100vh;z-index:1}.main-content,section{display:flex;flex-direction:column;position:relative;width:100%}section{align-items:center;justify-content:center;margin:0 auto;max-width:1200px;padding:100px 24px;scroll-margin-top:80px}@media (max-width:768px){section{padding:70px 20px}}.loading-screen{animation:fadeIn .3s ease;background:var(--bg-primary);height:100vh;inset:0;justify-content:center;position:fixed;width:100vw;z-index:99999}.loader,.loading-screen{align-items:center;display:flex}.loader{flex-direction:column;gap:20px}.loader-pulse{animation:pulseScale 1.4s ease-in-out infinite;background:var(--accent-gradient);border-radius:50%;box-shadow:0 0 25px var(--accent-glow);height:44px;width:44px}@keyframes pulseScale{0%,to{opacity:.7;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.loader-text{color:var(--text-secondary);font-family:var(--font-heading);font-size:1rem;font-weight:600;letter-spacing:-.01em}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all var(--transition-normal);white-space:nowrap}.btn-primary{background:var(--text-primary);box-shadow:var(--shadow-sm);color:var(--text-inverse)}.btn-primary:hover{box-shadow:var(--shadow-md);opacity:.92;transform:translateY(-2px)}.btn-secondary{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-2px)}.section-header{align-items:center;display:flex;flex-direction:column;gap:12px;margin:0 auto 50px;max-width:650px;text-align:center}.section-tag{align-items:center;background:var(--bg-tag);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--accent-primary);display:inline-flex;font-family:var(--font-mono);font-size:.75rem;font-weight:500;gap:6px;letter-spacing:.05em;padding:6px 14px;text-transform:uppercase}.section-title{color:var(--text-primary);font-size:clamp(2rem,4vw,2.75rem);font-weight:800;letter-spacing:-.03em}.section-subtitle{color:var(--text-secondary);font-size:1.05rem;line-height:1.6}.section-animate{opacity:0;transform:translateY(20px);transition:opacity .6s var(--transition-smooth),transform .6s var(--transition-smooth)}.section-animate.visible{opacity:1;transform:translateY(0)}.animate-on-scroll{opacity:0;transform:translateY(15px);transition:opacity .5s var(--transition-smooth),transform .5s var(--transition-smooth)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}
/*# sourceMappingURL=main.43e2f0a4.css.map*/