:root{--bg-color: #FAFAFA;--bg-secondary: #F4F4F5;--bg-surface: #FFFFFF;--text-primary: #18181B;--text-secondary: #52525B;--text-muted: #71717A;--border-color: #E4E4E7;--border-subtle: #F4F4F5;--border-strong: #D4D4D8;--card-bg: #FFFFFF;--accent-color: #2563EB;--accent-hover: #1D4ED8;--accent-subtle: #EFF6FF;--accent-border: #BFDBFE;--color-success: #16A34A;--color-warning: #D97706;--color-danger: #DC2626;--color-info: #2563EB;--font-serif: "Lora", Georgia, serif;--font-sans: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--page-width: min(100% - 48px, 1200px);--header-width: min(100% - 48px, 1400px);--prose-width: 680px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--header-height: 60px;--header-height-mobile: 56px;--transition: all .15s cubic-bezier(.16, 1, .3, 1);--nav-bg: rgba(250, 250, 250, .88);--modal-overlay: rgba(0, 0, 0, .5);--card-shadow: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02)}[data-theme=dark]{--bg-color: #09090B;--bg-secondary: #18181B;--bg-surface: #18181B;--text-primary: #FAFAFA;--text-secondary: #A1A1AA;--text-muted: #71717A;--border-color: #27272A;--border-subtle: #1F1F23;--border-strong: #3F3F46;--card-bg: #121215;--accent-color: #3B82F6;--accent-hover: #60A5FA;--accent-subtle: #1E293B;--accent-border: #1E3A8A;--nav-bg: rgba(9, 9, 11, .88);--modal-overlay: rgba(0, 0, 0, .75);--card-shadow: 0 1px 3px rgba(0, 0, 0, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 16px);font-size:16px;-webkit-text-size-adjust:100%}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::selection{background-color:var(--accent-color);color:#fff}.mono{font-family:var(--font-mono);font-size:.8rem;letter-spacing:-.01em}.container{width:100%;max-width:var(--page-width);margin:0 auto;padding:0 1.25rem}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.2;letter-spacing:-.03em}h1{font-size:clamp(2.5rem,4.5vw,4.25rem);font-weight:700;letter-spacing:-.04em}h2{font-size:1.65rem;font-weight:600;margin-bottom:.75rem}h3{font-size:1.25rem;font-weight:600;margin-bottom:.35rem}p{color:var(--text-secondary);line-height:1.65;margin-bottom:1rem}p:last-child{margin-bottom:0}a{color:var(--text-primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--accent-color)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.55rem 1.15rem;font-family:var(--font-sans);font-size:.85rem;font-weight:500;text-decoration:none;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:var(--transition);line-height:1.3;min-height:40px}.btn-primary{background-color:var(--text-primary);color:var(--bg-color)!important;border-color:var(--text-primary)}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-surface);color:var(--text-primary);border-color:var(--border-color);box-shadow:0 1px 2px #00000008}.btn-secondary:hover{border-color:var(--text-muted);background-color:var(--bg-secondary);transform:translateY(-1px)}#navbar{position:sticky;top:0;left:0;width:100%;background-color:var(--nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:999}.header-container{width:100%;max-width:var(--header-width);margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center;height:var(--header-height)}.logo-group{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.nav-avatar-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;flex-shrink:0}.nav-avatar-img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid var(--border-color);transition:var(--transition)}.nav-avatar-btn:hover .nav-avatar-img{border-color:var(--accent-color)}.logo{font-size:.95rem;font-weight:600;color:var(--text-primary);text-decoration:none;letter-spacing:-.015em;white-space:nowrap}.nav-links{display:flex;align-items:center;gap:1.75rem}.nav-links a{color:var(--text-secondary);font-size:.88rem;font-weight:500;text-decoration:none;transition:var(--transition);position:relative;padding:.25rem 0}.nav-links a:hover{color:var(--text-primary)}.nav-settings{display:flex;align-items:center;gap:.65rem}.nav-mindos-link{font-family:var(--font-mono);font-size:.78rem;font-weight:500;padding:.25rem .65rem;background-color:var(--bg-surface);color:var(--text-primary)!important;border:1px solid var(--border-color);border-radius:var(--radius-sm);text-decoration:none!important;transition:var(--transition);display:inline-flex;align-items:center;gap:.25rem}.nav-mindos-link:hover{border-color:var(--accent-color);color:var(--accent-color)!important}.nav-settings-select{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.25rem .55rem;font-size:.78rem;font-family:var(--font-mono);cursor:pointer;outline:none;transition:var(--transition)}.nav-settings-select:hover{border-color:var(--text-muted)}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;background:none;border:none;cursor:pointer;padding:10px;border-radius:var(--radius-sm)}.hamburger:focus-visible{outline:2px solid var(--accent-color)}.hamburger span{display:block;height:2px;width:100%;background-color:var(--text-primary);transition:var(--transition)}.mobile-menu{position:fixed;top:0;right:-100%;width:85%;max-width:320px;height:100vh;height:100dvh;background-color:var(--bg-color);border-left:1px solid var(--border-color);padding:1.5rem 1.25rem;z-index:1000;display:flex;flex-direction:column;justify-content:space-between;transition:right .25s cubic-bezier(.16,1,.3,1);overflow-y:auto;box-shadow:-4px 0 24px #00000026}.mobile-menu.open{right:0}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.85rem;border-bottom:1px solid var(--border-color);margin-bottom:1rem}.mobile-menu-title{font-family:var(--font-mono);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.mobile-menu-close{background:none;border:1px solid var(--border-color);color:var(--text-primary);font-size:1rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.mobile-menu-close:hover{border-color:var(--text-primary)}.mobile-nav-links{list-style:none;display:flex;flex-direction:column;gap:.75rem}.mobile-nav-link{font-size:1rem;color:var(--text-primary);text-decoration:none;font-weight:500;padding:.35rem 0;display:block}.mobile-nav-link:hover{color:var(--accent-color)}.mobile-mindos-link{color:var(--accent-color)!important;font-family:var(--font-mono);font-size:.85rem}.mobile-drawer-settings{display:flex;flex-direction:column;gap:.75rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border-color)}.mobile-setting-item{display:flex;justify-content:space-between;align-items:center}.mobile-setting-label{font-family:var(--font-mono);font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase}.mobile-select{width:140px}.mobile-menu-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--modal-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;display:none}.mobile-menu-overlay.open{display:block}#hero{padding:4.5rem 0 4rem;border-bottom:1px solid var(--border-color)}.hero-grid{display:grid;grid-template-columns:1.35fr .95fr;gap:3.5rem;align-items:center}.hero-main{display:flex;flex-direction:column}.hero-name-row{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.25rem}.hero-name{line-height:1.1;color:var(--text-primary)}.hero-role{font-family:var(--font-mono);font-size:1.05rem;font-weight:500;color:var(--accent-color);letter-spacing:-.01em}.hero-description{font-size:1.05rem;color:var(--text-secondary);max-width:var(--prose-width);line-height:1.65;margin-bottom:1.75rem}.cta-group{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.hero-aside{display:flex;justify-content:flex-end}.hero-spec-card{width:100%;max-width:380px;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.35rem;box-shadow:var(--card-shadow);position:relative}.hero-spec-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.85rem;border-bottom:1px solid var(--border-color);margin-bottom:.85rem}.hero-spec-header .mono{font-size:.72rem;font-weight:600;color:var(--text-muted);letter-spacing:.06em}.status-indicator-live{display:inline-block;width:7px;height:7px;border-radius:50%;background-color:var(--color-success);box-shadow:0 0 0 2px #16a34a33}.hero-spec-rows{display:flex;flex-direction:column;gap:.75rem}.hero-spec-row{display:flex;flex-direction:column;gap:.15rem}.hero-spec-label{font-family:var(--font-mono);font-size:.68rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.hero-spec-val{font-size:.88rem;font-weight:500;color:var(--text-primary)}.hero-spec-link{font-family:var(--font-mono);font-size:.82rem;font-weight:600;color:var(--accent-color);text-decoration:none}.hero-spec-link:hover{text-decoration:underline}section{padding:4.5rem 0;border-bottom:1px solid var(--border-color);scroll-margin-top:calc(var(--header-height) + 16px)}.section-header{margin-bottom:2.25rem}.section-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.6;max-width:var(--prose-width)}.skills-editorial-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:3.5rem}.skills-sidebar h2{font-size:1.65rem}.skills-content{display:flex;flex-direction:column;gap:1.5rem}.skill-group{padding-bottom:1.25rem;border-bottom:1px solid var(--border-color)}.skill-group:last-child{border-bottom:none;padding-bottom:0}.skill-category-label{font-family:var(--font-mono);font-size:.72rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.06em;margin-bottom:.4rem}.skill-tech-line{font-size:1rem;font-weight:500;color:var(--text-primary);line-height:1.55}.skill-tech-line span{color:var(--text-muted);margin:0 .4rem}.project-editorial-list{display:flex;flex-direction:column;gap:2.5rem}.project-row-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--card-shadow);transition:var(--transition)}.project-row-card:hover{border-color:var(--border-strong);box-shadow:0 4px 12px #0000000a}.project-row-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.85rem;border-bottom:1px solid var(--border-color);margin-bottom:1.15rem}.project-header-left{display:flex;flex-direction:column;gap:.15rem}.project-index-tag{font-family:var(--font-mono);font-size:.7rem;font-weight:600;color:var(--accent-color);letter-spacing:.06em;text-transform:uppercase}.project-row-title{font-size:1.35rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.project-row-badge{font-family:var(--font-mono);font-size:.7rem;font-weight:500;padding:.2rem .55rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary)}.project-row-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:2rem;align-items:center}.project-row-info{display:flex;flex-direction:column}.project-row-info p{font-size:.92rem;line-height:1.6;color:var(--text-secondary);margin-bottom:.85rem}.project-engineering-list{list-style:none;display:flex;flex-direction:column;gap:.35rem;margin-bottom:.85rem}.project-engineering-item{display:flex;align-items:baseline;gap:.45rem;font-size:.85rem;color:var(--text-primary);line-height:1.45}.project-engineering-item strong{font-weight:600;color:var(--text-primary)}.project-engineering-dot{color:var(--accent-color);font-size:.7rem;flex-shrink:0}.project-stack-meta{margin-top:.5rem;padding:0;background:transparent;border:none;display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.project-stack-meta .meta-label{font-family:var(--font-mono);font-size:.68rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;flex-shrink:0}.project-stack-meta .meta-val{font-family:var(--font-mono);font-size:.8rem;font-weight:500;color:var(--text-primary)}.project-action-row{margin-top:.85rem}.arch-diagram-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;width:100%}.arch-diagram-title{font-family:var(--font-mono);font-size:.65rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.06em;margin-bottom:.75rem}.arch-workflow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:.5rem}.arch-workflow-step{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.6rem .65rem;display:flex;flex-direction:column;gap:.2rem;box-shadow:0 1px 2px #00000005;transition:var(--transition)}.arch-workflow-step:hover{border-color:var(--accent-color)}.arch-step-num{font-family:var(--font-mono);font-size:.6rem;font-weight:700;color:var(--accent-color)}.arch-step-title{font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--text-primary);line-height:1.25}.arch-step-desc{font-size:.68rem;color:var(--text-muted);line-height:1.3}.academic-summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin:1.5rem 0 0}.academic-card{border:1px solid var(--border-color);background-color:var(--card-bg);padding:1.35rem;border-radius:var(--radius-lg);box-shadow:var(--card-shadow)}.academic-card-label{font-family:var(--font-mono);font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;display:block;margin-bottom:.4rem}.academic-card-value{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:var(--text-primary)}.contact-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-top:1.5rem}.contact-link-item{display:flex;align-items:center;gap:.75rem;padding:.9rem 1.15rem;border:1px solid var(--border-color);background-color:var(--card-bg);border-radius:var(--radius-lg);font-size:.92rem;font-weight:500;color:var(--text-primary);text-decoration:none;box-shadow:var(--card-shadow);transition:var(--transition);min-height:44px}.contact-link-item:hover{border-color:var(--accent-color);transform:translateY(-1px);color:var(--accent-color)}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--modal-overlay);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:10000;padding:1.25rem}.modal-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:min(100% - 24px,720px);max-height:88vh;overflow-y:auto;padding:2rem;position:relative;box-shadow:0 20px 40px #0003}.close-modal{position:absolute;top:1.25rem;right:1.25rem;background:none;border:none;font-size:1.4rem;cursor:pointer;color:var(--text-muted);transition:var(--transition);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.close-modal:hover{color:var(--text-primary)}.gpa-table-container{margin-top:1.5rem;max-height:400px;overflow-y:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border-color);border-radius:var(--radius-md)}.gpa-table{width:100%;border-collapse:collapse;font-size:.88rem;min-width:320px}.gpa-table th,.gpa-table td{padding:.65rem 1rem;border-bottom:1px solid var(--border-color);text-align:left}.gpa-table th{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;background-color:var(--bg-secondary);color:var(--text-muted);position:sticky;top:0}.gpa-table td.text-center,.gpa-table th.text-center{text-align:center}.avatar-lightbox{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--modal-overlay);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:10001;padding:1.5rem}.avatar-lightbox-inner{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2.25rem;text-align:center;position:relative;max-width:340px;width:100%}.avatar-lightbox-close{position:absolute;top:.85rem;right:.85rem;background:none;border:1px solid var(--border-color);color:var(--text-primary);font-size:.9rem;padding:.2rem .45rem;border-radius:var(--radius-sm);cursor:pointer}.avatar-lightbox-img{width:160px;height:160px;border-radius:50%;object-fit:cover;margin:0 auto 1rem;border:1px solid var(--border-color)}.avatar-lightbox-name{font-weight:700;font-size:1.15rem;color:var(--text-primary)}.avatar-lightbox-title{color:var(--accent-color);font-size:.85rem;margin-top:.25rem}footer{padding:2.25rem 0;font-size:.88rem;color:var(--text-muted)}@media (max-width: 1080px){.hero-grid{grid-template-columns:1fr;gap:2.5rem}.hero-aside{justify-content:flex-start}.hero-spec-card{max-width:100%}.skills-editorial-grid{grid-template-columns:1fr;gap:2rem}.project-row-grid{grid-template-columns:1fr;gap:1.5rem}.academic-summary-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 860px){html{scroll-padding-top:calc(var(--header-height-mobile) + 14px)}section{scroll-margin-top:calc(var(--header-height-mobile) + 14px);padding:3.25rem 0}.header-container{height:var(--header-height-mobile);padding:0 1.15rem}.nav-links,.nav-settings{display:none!important}.hamburger{display:flex}#hero{padding:2.25rem 0 2rem}.hero-grid{grid-template-columns:1fr;gap:1.75rem}.hero-name-row{margin-bottom:.85rem}.hero-name{font-size:clamp(2.1rem,7vw,2.75rem)}.hero-role{font-size:.95rem}.hero-description{font-size:.95rem;line-height:1.6;margin-bottom:1.35rem;max-width:100%}.cta-group{display:flex;gap:.65rem;width:100%}.cta-group .btn{flex:1 1 auto;min-height:44px;font-size:.88rem}.hero-aside{justify-content:flex-start;width:100%}.hero-spec-card{max-width:100%;padding:1.15rem}.section-header{margin-bottom:1.5rem}.project-editorial-list{gap:2rem}.project-row-card{padding:1.25rem}.project-row-title{font-size:1.2rem}.contact-links-grid{grid-template-columns:1fr;gap:.85rem}.modal-content{padding:1.35rem 1rem}}@media (max-width: 540px){.container{padding:0 1rem}.hero-name{font-size:clamp(1.9rem,8vw,2.35rem)}.project-row-card{padding:1.15rem}.project-row-header{flex-direction:column;align-items:flex-start;gap:.5rem}.arch-workflow-grid{grid-template-columns:1fr 1fr;gap:.45rem}.arch-workflow-step{padding:.5rem .55rem}.arch-step-title{font-size:.72rem}.arch-step-desc{font-size:.65rem}.academic-summary-cards{grid-template-columns:1fr 1fr;gap:.65rem}.academic-card{padding:1rem .85rem}.academic-card-value{font-size:1.25rem}}@media (max-width: 375px){.container{padding:0 .85rem}.arch-workflow-grid,.academic-summary-cards{grid-template-columns:1fr}.cta-group{flex-direction:column;width:100%}.cta-group .btn{width:100%}}