:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", "Consolas", monospace;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-md: 1.125rem;--fs-lg: 1.25rem;--fs-xl: 1.5rem;--fs-2xl: 2rem;--fs-3xl: 2.5rem;--fs-4xl: 3rem;--fs-5xl: 3.75rem;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--lh-tight: 1.2;--lh-normal: 1.6;--lh-relaxed: 1.8;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--space-5xl: 8rem;--max-width: 1200px;--content-padding: var(--space-lg);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--z-navbar: 100;--z-modal: 200;--z-tooltip: 300;--z-skip-link: 400;--accent: #6366f1;--accent-hover: #818cf8;--accent-dim: rgba(99, 102, 241, .1);--accent-border: rgba(99, 102, 241, .25)}[data-theme=dark]{--bg-primary: #0a0a0f;--bg-secondary: #14141b;--bg-tertiary: #1a1a24;--bg-elevated: #1e1e2a;--text-primary: #e4e4e7;--text-secondary: #a1a1aa;--text-muted: #71717a;--text-inverse: #18181b;--border-primary: #27272a;--border-subtle: #1e1e24;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);color-scheme:dark}[data-theme=light]{--bg-primary: #fafafa;--bg-secondary: #ffffff;--bg-tertiary: #f4f4f5;--bg-elevated: #ffffff;--text-primary: #18181b;--text-secondary: #3f3f46;--text-muted: #71717a;--text-inverse: #fafafa;--border-primary: #e4e4e7;--border-subtle: #f4f4f5;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;scroll-behavior:smooth}body{min-height:100vh;line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}p{overflow-wrap:break-word;text-wrap:pretty}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{font-family:var(--font-sans);font-size:var(--fs-base);font-weight:var(--fw-regular);line-height:var(--lh-normal);color:var(--text-primary);background-color:var(--bg-primary);transition:background-color var(--transition-slow),color var(--transition-slow)}h1{font-size:var(--fs-4xl);font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:-.02em}h2{font-size:var(--fs-2xl);font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:-.01em;color:var(--text-primary)}h3{font-size:var(--fs-xl);font-weight:var(--fw-semibold);line-height:var(--lh-tight);color:var(--text-primary)}h4{font-size:var(--fs-lg);font-weight:var(--fw-semibold);line-height:var(--lh-tight)}a{transition:color var(--transition-fast)}a:hover{color:var(--accent)}code,.mono{font-family:var(--font-mono);font-size:.9em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}::selection{background-color:var(--accent);color:#fff}.skip-link{position:fixed;top:-100%;left:var(--space-md);z-index:var(--z-skip-link);padding:var(--space-sm) var(--space-md);background-color:var(--accent);color:#fff;font-weight:var(--fw-medium);font-size:var(--fs-sm);border-radius:var(--radius-md);transition:top var(--transition-fast)}.skip-link:focus{top:var(--space-md);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--content-padding)}.section{padding-block:var(--space-4xl)}.section-header{margin-bottom:var(--space-2xl)}.section-label{display:block;font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--accent);margin-bottom:var(--space-sm);letter-spacing:.05em}.section-title{font-size:var(--fs-2xl);font-weight:var(--fw-bold)}.section-description{margin-top:var(--space-sm);color:var(--text-secondary);max-width:640px}@media(min-width:768px){.section{padding-block:var(--space-5xl)}.section-title{font-size:var(--fs-3xl)}}@media(min-width:1024px){:root{--content-padding: var(--space-xl)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-accent{color:var(--accent)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.font-mono{font-family:var(--font-mono)}.navbar{position:fixed;top:0;left:0;width:100%;z-index:var(--z-navbar);background-color:#0a0a0fcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}[data-theme=light] .navbar{background-color:#fafafad9}.navbar--scrolled{border-color:var(--border-primary);box-shadow:var(--shadow-sm)}.navbar-container{display:flex;align-items:center;justify-content:space-between;height:4.25rem}.nav-brand{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast)}.nav-brand:hover,.brand-code{color:var(--accent)}.nav-menu{display:flex;align-items:center;gap:var(--space-lg)}.nav-list{display:flex;align-items:center;gap:var(--space-md)}.nav-link{position:relative;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-secondary);padding:var(--space-xs) var(--space-sm);transition:color var(--transition-fast)}.nav-link:hover{color:var(--text-primary)}.nav-link.nav-link--active{color:var(--accent);font-weight:var(--fw-semibold)}.nav-link.nav-link--active:after{content:"";position:absolute;bottom:-4px;left:var(--space-sm);right:var(--space-sm);height:2px;background-color:var(--accent);border-radius:var(--radius-full)}.nav-controls{display:flex;align-items:center;gap:var(--space-sm)}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-md);color:var(--text-secondary);background-color:transparent;border:1px solid var(--border-primary);transition:color var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.theme-toggle-btn:hover{color:var(--accent);border-color:var(--accent-border);background-color:var(--accent-dim)}.theme-toggle-btn svg{width:1.25rem;height:1.25rem;fill:currentColor}.icon-sun{display:block}.icon-moon,[data-theme=light] .icon-sun{display:none}[data-theme=light] .icon-moon{display:block}.nav-toggle-btn{display:none;flex-direction:column;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-md);border:1px solid var(--border-primary);background-color:transparent;color:var(--text-primary);gap:5px;padding:0;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.nav-toggle-btn:hover{border-color:var(--accent-border);background-color:var(--accent-dim)}.nav-toggle-btn span{display:block;width:1.125rem;height:2px;background-color:currentColor;border-radius:2px;transition:transform var(--transition-base),opacity var(--transition-base)}.nav-toggle-btn[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle-btn[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle-btn[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:767px){.nav-toggle-btn{display:flex}.nav-menu{position:fixed;top:4.25rem;left:0;right:0;bottom:0;height:calc(100vh - 4.25rem);background-color:var(--bg-primary);flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:var(--space-xl) var(--space-lg);gap:var(--space-xl);transform:translate(100%);opacity:0;visibility:hidden;transition:transform var(--transition-base),opacity var(--transition-base),visibility var(--transition-base);border-top:1px solid var(--border-primary);overflow-y:auto}.nav-menu.nav-menu--open{transform:translate(0);opacity:1;visibility:visible}.nav-list{flex-direction:column;align-items:flex-start;width:100%;gap:var(--space-xs)}.nav-link{display:block;width:100%;padding:var(--space-md) var(--space-sm);font-size:var(--fs-md);border-bottom:1px solid var(--border-subtle)}.nav-link.nav-link--active:after{display:none}}.hero{position:relative;padding-top:calc(4.25rem + var(--space-3xl));padding-bottom:var(--space-4xl);display:flex;align-items:center;min-height:calc(100vh - 4.25rem)}.hero-container{display:flex;flex-direction:column;align-items:flex-start;max-width:840px}.hero-status-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.375rem .875rem;border-radius:var(--radius-full);background-color:var(--accent-dim);border:1px solid var(--accent-border);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--text-primary);margin-bottom:var(--space-lg)}.status-dot{width:8px;height:8px;border-radius:var(--radius-full);background-color:#22c55e;box-shadow:0 0 8px #22c55e99;position:relative}.status-dot:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:var(--radius-full);border:1px solid #22c55e;animation:statusPulse 2s infinite ease-in-out}@keyframes statusPulse{0%{transform:scale(1);opacity:.8}to{transform:scale(2.2);opacity:0}}.hero-title{font-size:clamp(2.25rem,6vw,4rem);font-weight:var(--fw-bold);line-height:1.1;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--space-xs)}.hero-subtitle{font-family:var(--font-mono);font-size:clamp(1.125rem,3vw,1.5rem);font-weight:var(--fw-semibold);color:var(--accent);margin-bottom:var(--space-lg)}.hero-description{font-size:clamp(1rem,2vw,1.25rem);line-height:var(--lh-relaxed);color:var(--text-secondary);margin-bottom:var(--space-2xl);max-width:680px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);margin-bottom:var(--space-2xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.875rem 1.75rem;border-radius:var(--radius-md);font-size:var(--fs-base);font-weight:var(--fw-semibold);text-decoration:none;transition:all var(--transition-fast);cursor:pointer;min-height:48px}.btn svg{width:18px;height:18px;fill:currentColor;transition:transform var(--transition-fast)}.btn-primary{background-color:var(--accent);color:#fff;border:1px solid var(--accent);box-shadow:0 2px 10px #6366f140}.btn-primary:hover{background-color:var(--accent-hover);border-color:var(--accent-hover);color:#fff;transform:translateY(-1px);box-shadow:0 4px 16px #6366f159}.btn-primary:hover svg{transform:translate(3px)}.btn-secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover{border-color:var(--accent-border);background-color:var(--accent-dim);color:var(--accent);transform:translateY(-1px)}.hero-social{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border-subtle);width:100%}.social-link{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-muted);text-decoration:none;transition:color var(--transition-fast)}.social-link:hover{color:var(--accent)}.social-link svg{width:16px;height:16px;fill:currentColor}@media(max-width:639px){.hero{min-height:auto;padding-top:calc(4.25rem + var(--space-xl));padding-bottom:var(--space-3xl)}.hero-actions{width:100%;flex-direction:column;align-items:stretch}.btn{width:100%}.hero-social{gap:var(--space-md);justify-content:space-between}}.about-grid{display:grid;grid-template-columns:1fr;gap:var(--space-2xl);align-items:start}.about-content p{font-size:var(--fs-base);line-height:var(--lh-relaxed);color:var(--text-secondary);margin-bottom:var(--space-md)}.about-content p:last-child{margin-bottom:0}.about-content strong{color:var(--text-primary);font-weight:var(--fw-semibold)}.about-sidebar{width:100%}.fact-card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-sm)}.fact-card-title{font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--accent);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle);letter-spacing:.03em}.fact-list{display:flex;flex-direction:column;gap:var(--space-md)}.fact-item{display:flex;align-items:flex-start;gap:var(--space-md)}.fact-icon{font-size:var(--fs-lg);line-height:1;padding-top:2px}.fact-details{display:flex;flex-direction:column;gap:2px}.fact-label{font-size:var(--fs-xs);font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.fact-value{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-primary);line-height:var(--lh-normal)}@media(min-width:992px){.about-grid{grid-template-columns:1fr 360px;gap:var(--space-3xl)}}.stack-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}.stack-card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-xl);transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.stack-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stack-card-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle)}.stack-num{font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--accent)}.stack-card-title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--text-primary)}.stack-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.tech-tag{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-medium);padding:.35rem .75rem;border-radius:var(--radius-md);background-color:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-subtle);transition:all var(--transition-fast)}.tech-tag:hover{color:var(--text-primary);border-color:var(--border-primary)}.tech-tag--featured{background-color:var(--accent-dim);border-color:var(--accent-border);color:var(--text-primary);font-weight:var(--fw-semibold)}.tech-tag--featured:hover{background-color:#6366f133;border-color:var(--accent);color:var(--accent-hover)}@media(min-width:640px){.stack-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.stack-grid{grid-template-columns:repeat(3,1fr)}}.projects-filter-bar{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-xl);justify-content:flex-start}.filter-btn{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-medium);padding:.4rem .9rem;border-radius:var(--radius-full);background-color:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{color:var(--text-primary);border-color:var(--border-primary);background-color:var(--bg-tertiary)}.filter-btn--active{background-color:var(--accent-dim);border-color:var(--accent-border);color:var(--accent-hover);font-weight:var(--fw-semibold)}.projects-grid{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}.project-card{display:flex;flex-direction:column;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-xl);position:relative;transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.project-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.project-card--featured{border-color:var(--accent-border);background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(99,102,241,.04) 100%);box-shadow:0 4px 20px #0003}.project-card--featured:hover{border-color:var(--accent);box-shadow:0 8px 30px #6366f126}.project-badge{align-self:flex-start;font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-semibold);padding:.25rem .625rem;border-radius:var(--radius-full);background-color:var(--bg-tertiary);color:var(--text-muted);border:1px solid var(--border-subtle);margin-bottom:var(--space-md);letter-spacing:.03em}.project-card--featured .project-badge{background-color:var(--accent-dim);color:var(--accent-hover);border-color:var(--accent-border)}.project-title{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--text-primary);margin-bottom:var(--space-xs)}.project-type{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--accent);margin-bottom:var(--space-md)}.project-description{font-size:var(--fs-sm);line-height:var(--lh-normal);color:var(--text-secondary);margin-bottom:var(--space-lg);flex-grow:1}.project-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-lg)}.project-tag{font-family:var(--font-mono);font-size:var(--fs-xs);padding:.2rem .5rem;border-radius:var(--radius-sm);background-color:var(--bg-tertiary);color:var(--text-muted);border:1px solid var(--border-subtle)}.project-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--border-subtle)}.btn-details{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--accent);background:transparent;border:none;padding:0;cursor:pointer;transition:color var(--transition-fast)}.btn-details:hover{color:var(--accent-hover)}.btn-details svg{width:16px;height:16px;fill:currentColor;transition:transform var(--transition-fast)}.btn-details:hover svg{transform:translate(4px)}.project-external-links{display:flex;align-items:center;gap:var(--space-md)}.project-link-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);transition:color var(--transition-fast)}.project-link-icon:hover{color:var(--accent)}.project-link-icon svg{width:18px;height:18px;fill:currentColor}@media(min-width:768px){.projects-grid{grid-template-columns:repeat(2,1fr)}.project-card--full{grid-column:1 / -1}}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:var(--z-modal);background-color:#0a0a0fd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--space-md);opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base)}.modal-backdrop.modal--open{opacity:1;visibility:visible}.modal-container{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);width:100%;max-width:760px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);position:relative;transform:translateY(20px) scale(.98);transition:transform var(--transition-base);overflow:hidden}.modal-backdrop.modal--open .modal-container{transform:translateY(0) scale(1)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-xl) var(--space-xl) var(--space-md) var(--space-xl);border-bottom:1px solid var(--border-subtle);gap:var(--space-md)}.modal-title-group{display:flex;flex-direction:column;gap:var(--space-xs)}.modal-badge{align-self:flex-start;font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-semibold);padding:.2rem .6rem;border-radius:var(--radius-full);background-color:var(--accent-dim);color:var(--accent-hover);border:1px solid var(--accent-border)}.modal-title{font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--text-primary)}.modal-close-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-md);border:1px solid var(--border-primary);background-color:transparent;color:var(--text-secondary);transition:color var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast);flex-shrink:0}.modal-close-btn:hover{color:var(--text-primary);border-color:var(--accent-border);background-color:var(--accent-dim)}.modal-close-btn svg{width:18px;height:18px;fill:currentColor}.modal-body{padding:var(--space-xl);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-xl)}.modal-section{display:flex;flex-direction:column;gap:var(--space-sm)}.modal-section-label{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--accent);text-transform:uppercase;letter-spacing:.05em}.modal-section-title{font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--text-primary)}.modal-text{font-size:var(--fs-base);line-height:var(--lh-relaxed);color:var(--text-secondary)}.modal-list{display:flex;flex-direction:column;gap:var(--space-sm);padding-left:var(--space-md);list-style-type:disc}.modal-list-item{font-size:var(--fs-sm);line-height:var(--lh-normal);color:var(--text-secondary)}.modal-list-item strong{color:var(--text-primary)}.architecture-diagram-box{margin-top:var(--space-sm);padding:var(--space-2xl) var(--space-xl);border:2px dashed var(--accent-border);border-radius:var(--radius-lg);background-color:var(--bg-tertiary);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-sm)}.diagram-icon{font-size:2rem;line-height:1}.diagram-title{font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--accent)}.diagram-desc{font-size:var(--fs-xs);color:var(--text-muted);max-width:480px}.modal-footer{padding:var(--space-md) var(--space-xl);border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-md);background-color:var(--bg-secondary)}@media(max-width:639px){.modal-container{max-height:95vh}.modal-header{padding:var(--space-lg)}.modal-body{padding:var(--space-lg);gap:var(--space-lg)}.modal-footer{padding:var(--space-md) var(--space-lg);flex-direction:column;align-items:stretch}.modal-footer .btn{width:100%}}.timeline{position:relative;max-width:900px;margin:0 auto;padding-left:var(--space-xl)}.timeline:before{content:"";position:absolute;top:10px;bottom:10px;left:7px;width:2px;background-color:var(--border-primary)}.timeline-item{position:relative;margin-bottom:var(--space-2xl)}.timeline-item:last-child{margin-bottom:0}.timeline-dot{position:absolute;top:1.5rem;left:calc(var(--space-xl) * -1 + 1px);width:14px;height:14px;border-radius:var(--radius-full);background-color:var(--bg-primary);border:2px solid var(--accent);z-index:2;transition:transform var(--transition-fast),background-color var(--transition-fast)}.timeline-item:hover .timeline-dot{transform:scale(1.3);background-color:var(--accent)}.timeline-item--current .timeline-dot{background-color:var(--accent);box-shadow:0 0 10px #6366f199}.timeline-content{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-xl);transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.timeline-content:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.experience-header{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle)}.experience-title-group{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-xs) var(--space-sm)}.experience-role{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--text-primary)}.experience-company{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--accent)}.experience-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted)}.experience-period{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--accent-hover);font-weight:var(--fw-medium)}.experience-location{color:var(--text-muted)}.experience-bullets{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg);padding-left:var(--space-md);list-style-type:disc}.experience-bullet{font-size:var(--fs-sm);line-height:var(--lh-normal);color:var(--text-secondary)}.experience-bullet strong{color:var(--text-primary)}.experience-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}@media(min-width:640px){.experience-header{flex-direction:row;align-items:center;justify-content:space-between}}.education-grid{display:grid;grid-template-columns:1fr;gap:var(--space-2xl)}.academic-card{background-color:var(--bg-secondary);border:1px solid var(--accent-border);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(99,102,241,.03) 100%)}.academic-header{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle)}.academic-degree{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--text-primary)}.academic-institution{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--accent)}.academic-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted)}.academic-description{font-size:var(--fs-sm);line-height:var(--lh-normal);color:var(--text-secondary)}.cert-title-group{margin-top:var(--space-xl);margin-bottom:var(--space-lg)}.cert-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}.cert-card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-xl);transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.cert-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.cert-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle)}.cert-category-title{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--text-primary)}.cert-hours-badge{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-semibold);padding:.2rem .5rem;border-radius:var(--radius-full);background-color:var(--accent-dim);color:var(--accent-hover);border:1px solid var(--accent-border)}.cert-list{display:flex;flex-direction:column;gap:var(--space-xs);padding-left:var(--space-md);list-style-type:disc}.cert-item{font-size:var(--fs-sm);line-height:var(--lh-normal);color:var(--text-secondary)}.cert-item strong{color:var(--text-primary)}.cert-total-summary{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);background-color:var(--bg-secondary);border:1px solid var(--border-primary);font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-secondary);margin-top:var(--space-lg)}.cert-total-summary strong{color:var(--accent)}@media(min-width:640px){.academic-header{flex-direction:row;align-items:center;justify-content:space-between}.cert-grid{grid-template-columns:repeat(2,1fr)}}.contact-wrapper{display:flex;flex-direction:column;gap:var(--space-2xl)}.contact-lead{font-size:var(--fs-lg);line-height:var(--lh-relaxed);color:var(--text-secondary);max-width:680px}.contact-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}.contact-card{display:flex;flex-direction:column;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-xl);transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.contact-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.contact-card-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.contact-icon-box{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-md);background-color:var(--accent-dim);border:1px solid var(--accent-border);color:var(--accent);flex-shrink:0}.contact-icon-box svg{width:20px;height:20px;fill:currentColor}.contact-card-label{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.contact-card-title{font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--text-primary)}.contact-card-body{margin-bottom:var(--space-lg);flex-grow:1}.contact-card-value{font-size:var(--fs-base);color:var(--text-secondary);line-height:var(--lh-normal);word-break:break-word}.contact-card-action{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}.contact-card-action:hover{color:var(--accent-hover)}.contact-card-action svg{width:16px;height:16px;fill:currentColor;transition:transform var(--transition-fast)}.contact-card-action:hover svg{transform:translate(4px)}@media(min-width:640px){.contact-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.contact-grid{grid-template-columns:repeat(3,1fr)}}.footer{padding-block:var(--space-2xl);border-top:1px solid var(--border-primary);background-color:var(--bg-primary);margin-top:var(--space-4xl)}.footer-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:var(--space-md);text-align:center}.footer-copyright{font-size:var(--fs-sm);color:var(--text-muted);line-height:var(--lh-normal)}.footer-tech{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--accent)}.back-to-top{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--text-secondary);text-decoration:none;padding:.375rem .75rem;border-radius:var(--radius-md);border:1px solid var(--border-primary);background-color:var(--bg-secondary);transition:all var(--transition-fast)}.back-to-top:hover{color:var(--accent);border-color:var(--accent-border);background-color:var(--accent-dim);transform:translateY(-2px)}.back-to-top svg{width:14px;height:14px;fill:currentColor}@media(min-width:640px){.footer-container{flex-direction:row;text-align:left}}.scroll-progress-bar{position:fixed;top:0;left:0;height:3px;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent-hover));z-index:calc(var(--z-navbar) + 10);transition:width .1s ease-out;pointer-events:none}.reveal-on-scroll{opacity:0;transform:translateY(24px);transition:opacity var(--transition-slow),transform var(--transition-slow);will-change:opacity,transform}.reveal-on-scroll.is-revealed{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}@media(prefers-reduced-motion:reduce){.scroll-progress-bar{display:none!important}.reveal-on-scroll{opacity:1!important;transform:none!important;transition:none!important}}