:root,[data-theme=dark]{--color-surface-base:#000;--color-surface-muted:#191919;--color-surface-raised:#141414;--color-surface-strong:#101010;--color-surface-glass:#000000d9;--color-border-subtle:#262626;--color-border-strong:#383838;--color-text-primary:#fff;--color-text-secondary:#ccc;--color-text-tertiary:#999;--color-text-inverse:#757575;--color-accent-glow:#ffffff26;--color-emerald-glow:#10b981;--color-emerald-bg:#10b9811a;--font-family-primary:"Inter", system-ui, -apple-system, sans-serif;--font-family-mono:"JetBrains Mono", monospace;--font-size-xs:12px;--font-size-sm:13px;--font-size-md:14px;--font-size-lg:15px;--font-size-xl:16px;--font-size-2xl:18px;--font-size-3xl:22px;--font-size-4xl:30px;--space-1:4px;--space-2:5px;--space-3:6px;--space-4:8px;--space-5:10px;--space-6:12px;--space-7:16px;--space-8:20px;--space-9:24px;--space-10:32px;--space-11:48px;--space-12:64px;--radius-xs:10px;--radius-sm:12px;--radius-md:14px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:40px;--radius-step7:50px;--radius-step8:57px;--focus-ring-color:#fff;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--color-surface-base:#fbf9f5;--color-surface-muted:#f3efe6;--color-surface-raised:#eae5d9;--color-surface-strong:#fff;--color-surface-glass:#f3efe6d9;--color-border-subtle:#e2ddd0;--color-border-strong:#cdc6b5;--color-text-primary:#1c1a17;--color-text-secondary:#4a463f;--color-text-tertiary:#787267;--color-text-inverse:#a09a8f;--color-accent-glow:#00000014;--color-emerald-glow:#059669;--color-emerald-bg:#0596691a;--focus-ring-color:#1c1a17}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--color-surface-base);color:var(--color-text-secondary);font-family:var(--font-family-primary);font-size:var(--font-size-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.6}body{background-color:var(--color-surface-base);min-height:100vh;transition:background-color var(--transition-normal);overflow-x:hidden}:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:3px;border-radius:var(--radius-xs)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-surface-base)}::-webkit-scrollbar-thumb{background:var(--color-surface-muted);border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}::selection{color:#fff;background-color:#333}::selection{color:#fff;background-color:#333}[data-theme=light] ::selection{color:#1c1a17;background-color:#dcd5c5}[data-theme=light] ::selection{color:#1c1a17;background-color:#dcd5c5}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:9999}html.theme-transition,html.theme-transition *,html.theme-transition :before,html.theme-transition :after{transition:background-color .45s cubic-bezier(.4,0,.2,1),color .45s cubic-bezier(.4,0,.2,1),border-color .45s cubic-bezier(.4,0,.2,1),box-shadow .45s cubic-bezier(.4,0,.2,1)!important}#root{background-color:var(--color-surface-base);min-height:100vh;color:var(--color-text-secondary);flex-direction:column;display:flex}.main-app{width:100%;max-width:1140px;padding:0 var(--space-8);box-sizing:border-box;margin:0 auto}.navbar-header{z-index:100;background-color:var(--color-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-subtle);padding:var(--space-6) 0;transition:background-color var(--transition-normal), border-color var(--transition-normal);position:sticky;top:0}.navbar-container{max-width:1140px;padding:0 var(--space-8);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.navbar-brand{align-items:center;gap:var(--space-5);text-decoration:none;display:flex}.brand-dot{background-color:var(--color-emerald-glow);border-radius:var(--radius-step7);width:10px;height:10px;box-shadow:0 0 10px var(--color-emerald-glow)}.brand-name{font-weight:700;font-size:var(--font-size-xl);color:var(--color-text-primary);letter-spacing:-.5px}.brand-badge{font-size:var(--font-size-xs);background-color:var(--color-surface-muted);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xs);color:var(--color-text-tertiary);font-family:var(--font-family-mono);padding:2px 8px}.nav-visitor-badge{align-items:center;gap:var(--space-2);background-color:var(--color-surface-muted);border:1px solid var(--color-border-subtle);border-radius:var(--radius-step7);font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-text-secondary);white-space:nowrap;padding:3px 10px;display:none}.navbar-links{align-items:center;gap:var(--space-7);display:flex}.nav-link{font-size:var(--font-size-md);color:var(--color-text-tertiary);transition:color var(--transition-fast);font-weight:500}.nav-link:hover{color:var(--color-text-primary)}.navbar-actions{align-items:center;gap:var(--space-6);display:flex}.command-trigger-btn{align-items:center;gap:var(--space-4);background-color:var(--color-surface-muted);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xs);padding:var(--space-3) var(--space-6);color:var(--color-text-tertiary);font-size:var(--font-size-sm);transition:all var(--transition-fast);display:flex}.command-trigger-btn:hover{border-color:var(--color-border-strong);color:var(--color-text-primary);background-color:var(--color-surface-raised)}.command-kbd{font-family:var(--font-family-mono);font-size:var(--font-size-xs);background-color:var(--color-surface-base);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);border-radius:4px;padding:1px 5px}.theme-toggle-btn{background-color:var(--color-surface-muted);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xs);padding:var(--space-3) var(--space-4);color:var(--color-text-primary);transition:all var(--transition-fast);cursor:pointer;justify-content:center;align-items:center;display:flex}.theme-toggle-btn:hover{border-color:var(--color-border-strong);background-color:var(--color-surface-raised);transform:translateY(-1px)}.btn-contact-primary{background-color:var(--color-text-primary);color:var(--color-surface-base);font-weight:600;font-size:var(--font-size-sm);padding:var(--space-4) var(--space-7);border-radius:var(--radius-sm);transition:transform var(--transition-fast), opacity var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.btn-contact-primary:hover{opacity:.9;transform:translateY(-1px)}.mobile-menu-toggle{background:var(--color-surface-muted);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-xs);cursor:pointer;justify-content:center;align-items:center;display:none}.mobile-menu-drawer{background-color:var(--color-surface-strong);border-bottom:1px solid var(--color-border-strong);padding:var(--space-6) var(--space-8);gap:var(--space-6);flex-direction:column;animation:.2s ease-out slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-links{gap:var(--space-4);flex-direction:column;display:flex}.mobile-nav-link{font-size:var(--font-size-lg);color:var(--color-text-secondary);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-subtle);transition:color var(--transition-fast);font-weight:500}.mobile-nav-link:hover{color:var(--color-text-primary)}.mobile-drawer-actions{gap:var(--space-4);margin-top:var(--space-2);flex-direction:column;display:flex}.mobile-drawer-btn{justify-content:center;width:100%}.hero-section{padding:var(--space-12) 0 var(--space-10) 0;border-bottom:1px solid var(--color-border-subtle)}.hero-top-bar{justify-content:space-between;align-items:center;gap:var(--space-6);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.hero-status-bar{align-items:center;gap:var(--space-4);background-color:var(--color-surface-muted);border:1px solid var(--color-border-subtle);border-radius:var(--radius-step7);padding:var(--space-3) var(--space-7);font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:100%;display:inline-flex}.hero-visitor-badge{align-items:center;gap:var(--space-3);background-color:var(--color-surface-muted);border:1px solid var(--color-border-subtle);border-radius:var(--radius-step7);padding:var(--space-3) var(--space-6);font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-text-secondary);white-space:nowrap;display:inline-flex}.visitor-count-number{color:var(--color-text-primary);font-weight:700}.visitor-count-label{color:var(--color-text-tertiary)}.status-indicator-pulse{background-color:var(--color-emerald-glow);width:8px;height:8px;box-shadow:0 0 8px var(--color-emerald-glow);border-radius:50%;flex-shrink:0}.status-location{color:var(--color-text-inverse)}.hero-title{color:var(--color-text-primary);letter-spacing:-1.5px;margin-bottom:var(--space-4);font-size:52px;font-weight:700;line-height:1.1}.hero-subtitle{font-size:var(--font-size-3xl);color:var(--color-text-secondary);margin-bottom:var(--space-7);font-weight:500}.hero-description{font-size:var(--font-size-xl);color:var(--color-text-tertiary);text-align:justify;margin-bottom:var(--space-9);line-height:1.65}.hero-tags{gap:var(--space-4);margin-bottom:var(--space-10);flex-wrap:wrap;display:flex}.tag-chip{font-size:var(--font-size-xs);font-family:var(--font-family-mono);background-color:var(--color-surface-raised);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);padding:var(--space-2) var(--space-6);border-radius:var(--radius-xs)}.hero-actions{align-items:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.btn-action-primary,.btn-action-secondary{align-items:center;gap:var(--space-4);font-size:var(--font-size-md);padding:var(--space-6) var(--space-9);border-radius:var(--radius-sm);z-index:1;transition:all .35s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn-action-primary{background-color:var(--color-text-primary);color:var(--color-surface-base);border:1px solid #0000;font-weight:600}.btn-action-secondary{background-color:var(--color-surface-muted);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);font-weight:500}.btn-action-primary:before,.btn-action-secondary:before{content:"";pointer-events:none;z-index:2;opacity:0;background:linear-gradient(115deg,#0000 20%,#00f0ff66 36%,#ff007f73 50%,#0f86 64%,#0000 80%);transition:transform .65s cubic-bezier(.4,0,.2,1),opacity .3s;position:absolute;inset:-100%;transform:rotate(30deg)translateY(100%)}.btn-action-primary:hover:before,.btn-action-secondary:hover:before{opacity:1;transform:rotate(30deg)translateY(-100%)}.btn-action-primary:hover{color:#fff;box-shadow:none;background:linear-gradient(135deg,#18181b,#09090b);border-color:#fff6;transform:translateY(-3px)scale(1.02)}.btn-action-secondary:hover{color:#fff;border-color:var(--color-border-strong);box-shadow:none;background:linear-gradient(135deg,#18181b,#121214);transform:translateY(-3px)scale(1.02)}.section-container{padding:var(--space-12) 0;border-bottom:1px solid var(--color-border-subtle)}.section-header{margin-bottom:var(--space-10);justify-content:flex-start;align-items:flex-start;gap:var(--space-4);flex-direction:column;display:flex}.section-top-row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);width:100%;display:flex}.section-eyebrow{font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-text-inverse);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-2);display:block}@keyframes holographicHoloSweep{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.section-title,.section-title-sm,.shiny-text{color:var(--color-text-primary);transition:color var(--transition-fast);font-weight:700;display:inline-block}.section-title{font-size:var(--font-size-4xl);letter-spacing:-.8px}.section-title-sm{font-size:var(--font-size-3xl)}.clickable-header:hover .section-title,.section-header:hover .section-title,.section-header-sm:hover .section-title-sm,.section-title:hover,.section-title-sm:hover,.shiny-text:hover{background:linear-gradient(120deg,#fff 0%,#777 15%,#fff 30%,#000 48%,#fff 65%,#aaa 82%,#fff 100%) 0 0/300% 300%;text-shadow:none;-webkit-background-clip:text;background-clip:text;animation:2.2s cubic-bezier(.4,0,.2,1) infinite holographicHoloSweep;color:#0000!important}[data-theme=light] .clickable-header:hover .section-title,[data-theme=light] .section-header:hover .section-title,[data-theme=light] .section-header-sm:hover .section-title-sm,[data-theme=light] .section-title:hover,[data-theme=light] .section-title-sm:hover,[data-theme=light] .shiny-text:hover{background:linear-gradient(120deg,#1c1a17 0%,#888277 15%,#fff 30%,#1c1a17 48%,#dcd5c5 65%,#44403a 82%,#1c1a17 100%) 0 0/300% 300%;text-shadow:none;-webkit-background-clip:text;background-clip:text;animation:2.2s cubic-bezier(.4,0,.2,1) infinite holographicHoloSweep;color:#0000!important}.clickable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity var(--transition-fast);justify-content:space-between;align-items:flex-start;gap:var(--space-4);width:100%;display:flex}.clickable-header:hover{opacity:.95}.header-action-group{align-items:center;gap:var(--space-4);flex-wrap:wrap;justify-content:flex-end;margin-left:auto;display:flex}.btn-section-toggle{align-items:center;gap:var(--space-3);background-color:var(--color-surface-muted);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-family:var(--font-family-mono);padding:var(--space-3) var(--space-5);border-radius:var(--radius-xs);transition:all var(--transition-fast);cursor:pointer;flex-shrink:0;margin-left:auto;display:inline-flex}.btn-section-toggle:hover{background-color:var(--color-surface-raised);border-color:var(--color-border-strong);color:var(--color-text-primary);transform:translateY(-1px)}.animated-collapse-content{animation:.3s cubic-bezier(.4,0,.2,1) fadeInCollapse}@keyframes fadeInCollapse{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.filter-tab-bar{background-color:var(--color-surface-muted);border:1px solid var(--color-border-subtle);padding:var(--space-1);border-radius:var(--radius-sm);scrollbar-width:none;align-items:center;max-width:100%;display:flex;overflow-x:auto}.filter-tab-bar::-webkit-scrollbar{display:none}.filter-tab-btn{font-size:var(--font-size-sm);color:var(--color-text-tertiary);padding:var(--space-3) var(--space-7);border-radius:var(--radius-xs);transition:all var(--transition-fast);white-space:nowrap}.filter-tab-btn.active{background-color:var(--color-surface-raised);color:var(--color-text-primary);border:1px solid var(--color-border-strong);font-weight:600}.projects-grid{gap:var(--space-9);grid-template-columns:repeat(2,1fr);display:grid}.project-card{background-color:var(--color-surface-muted);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-9);transition:all var(--transition-normal);flex-direction:column;justify-content:space-between;display:flex}.project-card:hover{border-color:var(--color-border-strong);transform:translateY(-3px);box-shadow:0 12px 30px #0009}.project-card-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.project-badge{font-size:var(--font-size-xs);font-family:var(--font-family-mono);background-color:var(--color-emerald-bg);color:var(--color-emerald-glow);border-radius:var(--radius-xs);border:1px solid #10b98133;padding:3px 10px}.project-category{font-size:var(--font-size-xs);color:var(--color-text-inverse);font-family:var(--font-family-mono)}.project-card-title{font-size:var(--font-size-3xl);color:var(--color-text-primary);margin-bottom:var(--space-2);font-weight:700}.project-card-subtitle{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-6)}.project-card-overview{font-size:var(--font-size-md);color:var(--color-text-secondary);text-align:justify;margin-bottom:var(--space-7);line-height:1.6}.project-tech-chips{gap:var(--space-3);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.tech-chip{font-size:var(--font-size-xs);font-family:var(--font-family-mono);background-color:var(--color-surface-raised);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);padding:var(--space-1) var(--space-5);border-radius:var(--radius-xs)}.tech-chip-more{font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-text-inverse);padding:var(--space-1) var(--space-3)}.project-card-footer{border-top:1px solid var(--color-border-subtle);padding-top:var(--space-6)}.btn-view-specs{align-items:center;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-primary);transition:color var(--transition-fast);font-weight:600;display:inline-flex}.btn-view-specs:hover{color:#fff;text-decoration:underline}.modal-backdrop{z-index:200;background-color:var(--color-surface-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-8);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--color-surface-muted);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:800px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 20px 50px #000c}.modal-header{padding:var(--space-8) var(--space-9);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:flex-start;display:flex}.modal-title{font-size:var(--font-size-3xl);color:var(--color-text-primary);margin-top:var(--space-2);font-weight:700}.modal-subtitle{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.modal-close-btn{font-size:var(--font-size-2xl);color:var(--color-text-tertiary);padding:var(--space-2) var(--space-4);transition:color var(--transition-fast)}.modal-close-btn:hover{color:var(--color-text-primary)}.modal-body{padding:var(--space-9);gap:var(--space-9);flex-direction:column;display:flex;overflow-y:auto}.modal-section-heading{font-size:var(--font-size-lg);color:var(--color-text-primary);margin-bottom:var(--space-4);border-left:3px solid var(--color-text-primary);padding-left:var(--space-4);font-weight:600}.modal-tech-grid{gap:var(--space-3);flex-wrap:wrap;display:flex}.modal-tech-chip{font-size:var(--font-size-xs);font-family:var(--font-family-mono);background-color:var(--color-surface-raised);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);padding:var(--space-2) var(--space-6);border-radius:var(--radius-xs)}.modal-list{padding-left:var(--space-8);gap:var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-md);flex-direction:column;line-height:1.6;list-style:outside;display:flex}.rbac-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.rbac-card{background-color:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xs);padding:var(--space-5)}.rbac-role-name{color:var(--color-text-primary);font-weight:700;font-size:var(--font-size-sm);margin-bottom:var(--space-1)}.rbac-scope-text{font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:1.4}.modal-footer{padding:var(--space-6) var(--space-9);border-top:1px solid var(--color-border-subtle);background-color:var(--color-surface-strong);justify-content:flex-end;display:flex}.experience-timeline{gap:var(--space-10);flex-direction:column;display:flex;position:relative}.timeline-item{gap:var(--space-8);grid-template-columns:24px 1fr;display:grid}.timeline-marker{flex-direction:column;align-items:center;padding-top:6px;display:flex;position:relative}.timeline-dot{background-color:var(--color-text-primary);border-radius:50%;width:12px;height:12px;box-shadow:0 0 10px #fff6}.timeline-line{background-color:var(--color-border-subtle);flex-grow:1;width:2px;margin-top:6px}.timeline-content{background-color:var(--color-surface-muted);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-9)}.experience-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.experience-role{font-size:var(--font-size-2xl);color:var(--color-text-primary);font-weight:700}.experience-company{font-size:var(--font-size-md);color:var(--color-text-secondary);margin-top:var(--space-1);font-weight:500}.location-dot{color:var(--color-text-inverse)}.location-text{color:var(--color-text-tertiary);font-weight:400}.experience-period{font-size:var(--font-size-xs);font-family:var(--font-family-mono);background-color:var(--color-surface-raised);border:1px solid var(--color-border-subtle);color:var(--color-text-tertiary);padding:var(--space-2) var(--space-6);border-radius:var(--radius-xs)}.experience-bullets{padding-left:var(--space-8);gap:var(--space-4);margin-bottom:var(--space-8);color:var(--color-text-secondary);font-size:var(--font-size-md);flex-direction:column;line-height:1.6;list-style:outside;display:flex}.experience-tech-stack{gap:var(--space-3);flex-wrap:wrap;display:flex}.tech-badge{font-size:var(--font-size-xs);font-family:var(--font-family-mono);background-color:var(--color-surface-strong);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);padding:var(--space-1) var(--space-5);border-radius:var(--radius-xs)}.skills-search-wrapper{align-items:center;min-width:320px;display:flex;position:relative}.skills-search-wrapper .search-icon{left:var(--space-6);color:var(--color-text-tertiary);position:absolute}.skills-search-input{background-color:var(--color-surface-muted);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);width:100%;padding:var(--space-4) var(--space-9) var(--space-4) 38px;color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:var(--font-family-primary)}.skills-search-input:focus{border-color:var(--color-border-strong);outline:none}.clear-search-btn{right:var(--space-5);color:var(--color-text-tertiary);font-size:var(--font-size-xs);position:absolute}.skills-categories-grid{gap:var(--space-8);flex-wrap:wrap;display:flex}.skills-category-card{flex:1 1 calc(33.333% - var(--space-8));background-color:var(--color-surface-muted);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);min-width:320px;padding:var(--space-8);flex-direction:column;display:flex}.category-title{font-size:var(--font-size-xl);color:var(--color-text-primary);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border-subtle);padding-bottom:var(--space-4);font-weight:600}.skills-pills-list{gap:var(--space-4);flex-wrap:wrap;display:flex}.skill-pill{font-size:var(--font-size-xs);font-family:var(--font-family-mono);background-color:var(--color-surface-raised);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);padding:var(--space-3) var(--space-6);border-radius:var(--radius-xs);transition:all var(--transition-fast)}.skill-pill.highlighted{background-color:var(--color-emerald-bg);border-color:var(--color-emerald-glow);color:var(--color-emerald-glow);font-weight:600}.two-column-grid{gap:var(--space-10);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.section-header-sm{margin-bottom:var(--space-8)}.cards-stack{gap:var(--space-7);flex-direction:column;display:flex}.info-card{background-color:var(--color-surface-muted);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-8)}.card-top-row{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.card-heading{font-size:var(--font-size-xl);color:var(--color-text-primary);font-weight:700}.grade-badge{font-size:var(--font-size-xs);font-family:var(--font-family-mono);background-color:var(--color-surface-raised);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);padding:var(--space-1) var(--space-5);border-radius:var(--radius-xs);white-space:nowrap;flex-shrink:0;font-weight:600}.card-subheading{font-size:var(--font-size-md);color:var(--color-text-secondary);margin-bottom:var(--space-1);font-weight:500}.card-meta{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-6)}.coursework-box{border-top:1px solid var(--color-border-subtle);padding-top:var(--space-4)}.coursework-label{font-size:var(--font-size-xs);color:var(--color-text-inverse);margin-bottom:var(--space-3);font-family:var(--font-family-mono);display:block}.coursework-pills{gap:var(--space-3);flex-wrap:wrap;display:flex}.mini-pill{font-size:var(--font-size-xs);font-family:var(--font-family-mono);background-color:var(--color-surface-raised);color:var(--color-text-secondary);border-radius:4px;padding:2px 8px}.achievement-card{align-items:flex-start;gap:var(--space-6);display:flex}.achievement-icon{font-size:28px;line-height:1}.card-description{font-size:var(--font-size-md);color:var(--color-text-secondary);margin-top:var(--space-2);line-height:1.6}.certifications-grid{gap:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=800px){.certifications-grid{grid-template-columns:1fr}}.certification-card{background-color:var(--color-surface-muted);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-8);transition:border-color var(--transition-fast), transform var(--transition-fast);flex-direction:column;justify-content:space-between;display:flex}.certification-card:hover{border-color:var(--color-border-strong);transform:translateY(-2px)}.cert-card-header{align-items:center;gap:var(--space-5);margin-bottom:var(--space-4);display:flex}.cert-badge-icon{background-color:var(--color-emerald-bg);padding:var(--space-3);border-radius:var(--radius-xs);border:1px solid #10b98133;justify-content:center;align-items:center;display:flex}.cert-issuer-info{flex-direction:column;display:flex}.cert-issuer{font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-text-inverse);text-transform:uppercase}.cert-date{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.cert-title{font-size:var(--font-size-xl);color:var(--color-text-primary);margin-bottom:var(--space-3);font-weight:700}.cert-credential-row{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-text-tertiary);margin-bottom:var(--space-5);display:inline-flex}.cert-skills-list{gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.cert-skill-tag{font-size:var(--font-size-xs);font-family:var(--font-family-mono);background-color:var(--color-surface-raised);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);border-radius:4px;padding:2px 8px}.cert-card-footer{border-top:1px solid var(--color-border-subtle);padding-top:var(--space-5);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.btn-verify-cert{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-primary);transition:color var(--transition-fast);font-weight:600;display:inline-flex}.btn-verify-cert:hover{color:var(--color-emerald-glow)}.cert-verified-badge{font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-emerald-glow);align-items:center;gap:4px;display:inline-flex}.palette-container{background-color:var(--color-surface-muted);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:600px;display:flex;overflow:hidden;box-shadow:0 25px 60px #0006}.palette-search-bar{align-items:center;gap:var(--space-5);padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-tertiary);display:flex}.palette-search-icon{color:var(--color-text-tertiary);flex-shrink:0}.palette-search-input{color:var(--color-text-primary);font-size:var(--font-size-lg);font-family:var(--font-family-primary);background:0 0;border:none;flex-grow:1}.palette-search-input:focus{outline:none}.palette-results-list{max-height:340px;padding:var(--space-3);flex-direction:column;gap:2px;display:flex;overflow-y:auto}.palette-empty-state{padding:var(--space-8);text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-md)}.palette-item{align-items:center;gap:var(--space-5);padding:var(--space-4) var(--space-6);border-radius:var(--radius-xs);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast);display:flex}.palette-item.selected{background-color:var(--color-surface-raised);color:var(--color-text-primary)}.palette-item-icon{color:var(--color-text-tertiary);align-items:center;display:flex}.palette-item.selected .palette-item-icon{color:var(--color-text-primary)}.palette-item-label{font-size:var(--font-size-md);color:var(--color-text-primary);flex-grow:1}.palette-item-badge{font-size:var(--font-size-xs);font-family:var(--font-family-mono);background-color:var(--color-surface-base);border:1px solid var(--color-border-subtle);color:var(--color-text-tertiary);border-radius:4px;padding:1px 6px}.palette-item-badge.action{color:var(--color-emerald-glow);border-color:#10b9814d}.palette-item-arrow{color:var(--color-text-tertiary)}.palette-footer{padding:var(--space-4) var(--space-8);border-top:1px solid var(--color-border-subtle);background-color:var(--color-surface-strong);font-size:var(--font-size-xs);color:var(--color-text-tertiary);justify-content:space-between;align-items:center;display:flex}.palette-footer kbd{background-color:var(--color-surface-muted);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);font-family:var(--font-family-mono);border-radius:3px;padding:1px 5px}.footer-container{padding:var(--space-12) 0 var(--space-8) 0}.footer-inner{justify-content:space-between;align-items:center;gap:var(--space-10);margin-bottom:var(--space-12);flex-wrap:wrap;display:flex}.footer-title{font-size:var(--font-size-3xl);color:var(--color-text-primary);margin-bottom:var(--space-2);font-weight:700}.footer-subtitle{font-size:var(--font-size-md);color:var(--color-text-tertiary);margin-bottom:var(--space-7)}.system-status{align-items:center;gap:var(--space-4);font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-emerald-glow);background-color:var(--color-emerald-bg);padding:var(--space-3) var(--space-6);border-radius:var(--radius-step7);white-space:nowrap;border:1px solid #10b98133;max-width:100%;display:inline-flex}.status-dot-green{background-color:var(--color-emerald-glow);width:6px;height:6px;box-shadow:0 0 6px var(--color-emerald-glow);border-radius:50%;flex-shrink:0}.footer-social-list{align-items:center;gap:var(--space-6);margin:0;padding:0;list-style:none;display:flex}.social-item{list-style:none}.social-icon-link{background-color:var(--color-surface-muted);border:2px solid var(--color-border-strong);cursor:pointer;z-index:1;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;text-decoration:none;transition:border-color .5s,box-shadow .5s;display:flex;position:relative;overflow:hidden}.social-icon-link .icon{color:var(--color-text-primary);z-index:3;transition:transform .5s,color .5s;position:relative}.social-icon-link:hover .icon{color:#fff;transform:rotateY(360deg)}.social-icon-link:before{content:"";background:var(--color-emerald-glow);z-index:2;width:100%;height:100%;transition:top .5s;position:absolute;top:100%;left:0}.social-icon-link:hover:before{top:0}.email-item .social-icon-link:before{background:linear-gradient(135deg,#f899af 0%,#af4b39 100%)}.phone-item .social-icon-link:before{background:linear-gradient(135deg,#11998e 0%,#59f293 100%)}.github-item .social-icon-link:before{background:linear-gradient(135deg,#30bead 0%,#8170a3 100%)}.x-item .social-icon-link:before{background:linear-gradient(135deg,#89d3e8 0%,#6ca7ee 100%)}.social-icon-link:hover{border-color:#0000;box-shadow:0 10px 25px #00000059}.icon-tooltip{background-color:var(--color-surface-strong);border:1px solid var(--color-border-strong);color:var(--color-emerald-glow);font-size:var(--font-size-xs);font-family:var(--font-family-mono);border-radius:var(--radius-xs);white-space:nowrap;pointer-events:none;z-index:10;padding:4px 10px;animation:.2s fadeInCollapse;position:absolute;bottom:125%;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #0006}.contact-action{font-size:var(--font-size-xs);color:var(--color-text-inverse);font-family:var(--font-family-mono)}.footer-bottom{border-top:1px solid var(--color-border-subtle);padding-top:var(--space-8);font-size:var(--font-size-xs);color:var(--color-text-tertiary);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.load-more-container{margin-top:var(--space-10);justify-content:center;display:flex}.btn-load-more{align-items:center;gap:var(--space-4);background-color:var(--color-surface-muted);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);font-size:var(--font-size-sm);padding:var(--space-5) var(--space-9);border-radius:var(--radius-sm);transition:all var(--transition-fast);font-weight:600;display:inline-flex}.btn-load-more:hover{border-color:var(--color-border-strong);background-color:var(--color-surface-raised);transform:translateY(-2px)}.btn-load-more.secondary{color:var(--color-text-tertiary)}@media (width<=900px){.hero-title{font-size:38px}.hero-subtitle{font-size:18px}.projects-grid,.two-column-grid,.footer-inner{grid-template-columns:1fr}.navbar-links{display:none}.mobile-menu-toggle{display:inline-flex}.nav-resume-btn,.nav-contact-btn,.brand-badge,.command-trigger-btn{display:none}}@media (width<=640px){.main-app,.navbar-container{padding:0 var(--space-4)}.command-text,.brand-badge,.command-trigger-btn,.hero-mobile-hide,.skills-search-wrapper{display:none!important}.hero-section{padding:var(--space-8) 0}.nav-visitor-badge{padding:3px 8px;font-size:11px;display:inline-flex}.hero-visitor-badge{display:none}.hero-status-bar{white-space:nowrap;letter-spacing:-.2px;gap:6px;padding:3px 10px;font-size:11px}.clickable-header,.section-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-direction:row;width:100%;display:flex}.btn-section-toggle{flex-shrink:0;margin-left:auto}.header-action-group{width:100%;margin-top:var(--space-2);justify-content:space-between}.footer-inner{text-align:left;align-items:flex-start;gap:var(--space-6);flex-direction:column}.footer-brand-col{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.system-status{justify-content:flex-start}.footer-social-list{justify-content:center;gap:var(--space-5);width:100%}.social-icon-link{width:48px;height:48px}.grade-badge{white-space:nowrap;padding:2px 6px;font-size:11px}.hero-title{letter-spacing:-.5px;font-size:30px}.hero-subtitle{font-size:var(--font-size-lg)}.hero-description{font-size:var(--font-size-sm);padding:var(--space-5) var(--space-5);line-height:1.6}.hero-actions{flex-direction:column;width:100%}.btn-action-primary,.btn-action-secondary{justify-content:center;width:100%}.project-card{padding:var(--space-6)}.project-card-title{font-size:var(--font-size-2xl)}.skills-search-wrapper{width:100%;min-width:100%}.skills-category-card{min-width:100%;padding:var(--space-6)}.modal-backdrop{padding:var(--space-2)}.modal-content{border-radius:var(--radius-md);max-height:94vh}.modal-header{padding:var(--space-6)}.modal-body{padding:var(--space-6);gap:var(--space-6)}.timeline-item{grid-template-columns:1fr;gap:0}.timeline-marker{display:none}.modal-footer{padding:var(--space-4) var(--space-6)}.section-title{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(16px,4.6vw,22px);line-height:1.25;overflow:hidden}.section-title-sm{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(15px,4.2vw,20px);overflow:hidden}}@media (width<=480px){.hero-status-bar{gap:4px;padding:3px 8px;font-size:10px}.system-status{white-space:normal;gap:5px;padding:4px 10px;font-size:10.5px;line-height:1.35}.hero-title{font-size:26px}.section-title{white-space:nowrap;font-size:clamp(15px,4.2vw,19px)}.section-header{margin-bottom:var(--space-6)}.tag-chip{padding:3px 8px;font-size:11px}}.simple-loader-overlay{z-index:99999;background-color:var(--color-surface-base);opacity:1;visibility:visible;justify-content:center;align-items:center;transition:opacity .4s,visibility .4s;display:flex;position:fixed;inset:0}.simple-loader-overlay.fade-out{opacity:0;visibility:hidden;pointer-events:none}.simple-loader-box{align-items:center;gap:var(--space-6);flex-direction:column;display:flex}.simple-spinner{border:3px solid var(--color-border-subtle);border-top-color:var(--color-emerald-glow);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite simpleSpin}@keyframes simpleSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.simple-loader-text{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary);letter-spacing:1px}