:root{--bg-primary: #0a0d14;--bg-secondary: #111827;--bg-elevated: #1a2030;--bg-surface: #1e2536;--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-accent: rgba(96, 165, 250, .25);--text-primary: #f0f0f3;--text-secondary: #9ca3af;--text-muted: #828d9c;--accent: #60a5fa;--accent-hover: #93c5fd;--accent-soft: rgba(96, 165, 250, .1);--accent-glow: rgba(96, 165, 250, .08);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: clamp(1.5rem, 3vw, 2rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul,ol{list-style:none}a{color:inherit;text-decoration:none}img,iframe{max-width:100%;display:block}.row{display:flex;flex-wrap:wrap}.col{flex:1 0 0%;width:100%;min-width:0}.col-md-1,.col-lg-2{display:none;flex:0 0 auto}@media(min-width:768px){.col-md-1{display:block;width:8.333%}}@media(min-width:992px){.col-lg-2{display:block;width:16.666%}}.position-relative{position:relative}.mt-2{margin-top:var(--space-2)}.mb-2{margin-bottom:var(--space-2)}.m-2{margin:var(--space-2)}.p-4{padding:var(--space-6)}.text-center{text-align:center}.w-100{width:100%}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.App{min-height:100vh;display:flex;flex-direction:column}.App-Lateral{padding:0;margin:0}.App-header{position:relative;overflow:hidden;padding:var(--space-8) var(--space-6);text-align:center;border-bottom:1px solid var(--border-subtle);background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}.App-header:before,.App-header:after{content:"";position:absolute;top:0;bottom:0;width:55%;z-index:0;background-image:url(/linkedin-banner.svg);background-repeat:no-repeat;background-size:auto 160%;background-position:right center;opacity:.55}.App-header:after{right:0}.App-header:before{left:0;transform:scaleX(-1)}.App-header>*{position:relative;z-index:1}.App-header h1{font-size:var(--font-size-3xl);font-weight:700;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:var(--space-1)}.App-header .header-role{font-size:var(--font-size-sm);font-weight:400;color:var(--accent);letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--space-4)}.App-header .header-pitch{max-width:44rem;margin:0 auto var(--space-5);font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.5}.App-header .header-stats{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6);padding:0;list-style:none}.App-header .header-stats li{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);background:var(--accent-soft);border:1px solid var(--border-accent);border-radius:var(--radius-md);min-width:4.5rem}.App-header .header-stats .stat-value{font-size:var(--font-size-lg);font-weight:700;color:var(--accent);letter-spacing:-.02em}.App-header .header-stats .stat-label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.App-header .header-contact{display:flex;align-items:center;justify-content:center;gap:var(--space-6);font-size:var(--font-size-sm);color:var(--text-secondary)}.App-header .header-contact a{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);transition:color var(--transition-fast)}.App-header .header-contact a:hover{color:var(--accent)}.App-header .header-contact a svg{width:18px;height:18px}main section{scroll-margin-top:var(--space-6)}main section+section{border-top:1px solid var(--border-subtle)}.App-title{font-size:var(--font-size-xl);font-weight:600;letter-spacing:-.02em;color:var(--text-primary);padding:var(--space-8) var(--space-6) var(--space-3);display:flex;align-items:center;gap:var(--space-3)}.App-title:before{content:"";display:inline-block;width:3px;height:1.2em;background:var(--accent);border-radius:2px}.App-description{padding:0 var(--space-6) var(--space-8);font-size:var(--font-size-base);color:var(--text-secondary)}.App-description ul{display:flex;flex-direction:column;gap:var(--space-4)}.App-description ul li{padding:var(--space-4) var(--space-5);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--transition-base),background var(--transition-base)}.App-description ul li:hover{border-color:var(--border-accent);background:var(--bg-elevated)}.App-description .item-info-c3{display:inline-block;font-size:var(--font-size-sm);font-weight:600;color:var(--accent);background:var(--accent-soft);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);letter-spacing:-.01em}.App-description small{display:block;margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.5}.App-description .study-featured{position:relative;padding:var(--space-5) var(--space-5) var(--space-5) var(--space-6);margin-bottom:var(--space-6);background:var(--accent-soft);border:1px solid var(--border-accent);border-radius:var(--radius-md)}.App-description .study-featured:before{content:"";position:absolute;top:var(--space-4);bottom:var(--space-4);left:0;width:3px;border-radius:var(--radius-sm);background:var(--accent)}.App-description .study-featured .study-title{font-size:var(--font-size-lg)}.App-description .study-group{margin-bottom:var(--space-6)}.App-description .study-group:last-child{margin-bottom:0}.App-description .study-group ul{display:flex;flex-direction:column;gap:var(--space-3)}#skills .App-description{font-size:var(--font-size-base)}.App-navbar{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#0a0d14d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-subtle)}.menu{display:flex;background:transparent}.menu .col{padding:0}.menu a{color:var(--text-muted);font-weight:500;font-size:var(--font-size-xs);letter-spacing:.02em}.item{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-base);border:none;background:transparent;margin:0}.item:hover{background:var(--accent-glow)}.item.active{background:var(--accent-soft)}.item.active a{color:var(--accent)}.link{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);width:100%}.menu svg{height:1.25rem;width:1.25rem;margin:0;transition:transform var(--transition-fast)}.item:hover svg{transform:translateY(-1px)}.SideButtons{position:fixed;bottom:80px;right:var(--space-4);width:auto;display:flex;flex-direction:column;gap:var(--space-3);z-index:50}.button-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-secondary);font-weight:400;font-size:0;text-shadow:none;transition:all var(--transition-base)}.button-link:hover{background:var(--bg-elevated);border-color:var(--border-accent);color:var(--accent);transform:translateY(-2px)}.button-link svg{width:20px;height:20px}.cap{overflow:hidden;margin-top:var(--space-4);border-radius:var(--radius-sm)}.cap img,.cap iframe{border-radius:var(--radius-sm);max-width:100%}main{padding-bottom:80px}@media(max-width:767px){.App-header{padding:var(--space-6) var(--space-4)}.App-header .header-contact{flex-direction:column;gap:var(--space-2)}.App-title{padding:var(--space-5) var(--space-4) var(--space-2)}.App-description{padding:0 var(--space-4) var(--space-6)}.SideButtons{right:var(--space-3);bottom:72px}}.study-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%;text-align:left;font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}.study-trigger-body{display:flex;flex-direction:column;min-width:0}.study-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.study-title{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.study-date{flex-shrink:0;font-size:var(--font-size-sm);color:var(--text-muted);white-space:nowrap}.study-arrow{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--accent);transition:background var(--transition-base),border-color var(--transition-base),transform var(--transition-base)}.study-arrow svg{width:16px;height:16px}.study-trigger:hover .study-arrow{background:var(--accent-soft);border-color:var(--border-accent);transform:translate(2px)}.study-modal-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#0a0d14b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:study-fade-in var(--transition-base)}.study-modal{position:relative;width:100%;max-width:520px;max-height:85vh;overflow-y:auto;padding:var(--space-6);background:var(--bg-secondary);border:1px solid var(--border-accent);border-radius:var(--radius-md);animation:study-modal-in var(--transition-base)}.study-modal-close{position:absolute;top:var(--space-3);right:var(--space-3);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:1.25rem;line-height:1;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.study-modal-close:hover{color:var(--accent);border-color:var(--border-accent)}.study-modal .study-heading{margin-right:var(--space-8)}.study-modal .study-title{font-size:var(--font-size-lg)}@keyframes study-fade-in{0%{opacity:0}to{opacity:1}}@keyframes study-modal-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}#work-experience{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-4)}#work-experience>li{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-left:3px solid var(--accent);border-radius:var(--radius-md);padding:var(--space-5);width:100%;transition:border-color var(--transition-base),background var(--transition-base)}#work-experience>li:hover{border-color:var(--border-accent);border-left-color:var(--accent);background:var(--bg-elevated)}.exp-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.exp-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2);min-width:0}.exp-company{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.exp-role{font-size:var(--font-size-sm);font-weight:500;color:var(--accent)}.exp-date{flex-shrink:0;font-size:var(--font-size-sm);color:var(--text-muted);white-space:nowrap}#work-experience .ref{margin-top:var(--space-3)}#work-experience .ref a{color:var(--accent);font-size:var(--font-size-sm);font-weight:500;opacity:.7;transition:opacity var(--transition-fast);display:inline-block;max-width:100%;overflow-wrap:break-word;word-break:break-all}#work-experience .ref a:hover{opacity:1}.exp-description{margin-top:var(--space-2)}.exp-bullets{list-style:disc;padding-left:var(--space-4);margin:0;display:flex;flex-direction:column;gap:var(--space-1)}.App-description .exp-bullets li{font-size:var(--font-size-sm);color:var(--text-secondary);background:none;border:none;border-radius:0;padding:0;width:auto}.App-description .exp-bullets li:hover{border-color:transparent;background:none}@media(max-width:767px){.exp-header{flex-direction:column;gap:var(--space-1)}}.App-description .skills-chip-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3);padding:0;list-style:none}.skills-chip-list .skills-chip{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border-subtle);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);white-space:nowrap;width:auto}.WorkedWith{padding:var(--space-5) var(--space-6);text-align:center;border-bottom:1px solid var(--border-subtle);background:var(--bg-primary)}.WorkedWith-label{display:block;font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-4)}.WorkedWith-list{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-4);padding:0;margin:0;list-style:none}.WorkedWith-item{display:flex;align-items:center;justify-content:center;height:44px;padding:var(--space-2) var(--space-4);background:#fff;border-radius:var(--radius-md)}.WorkedWith-item img{height:100%;width:auto;max-width:100px;object-fit:contain}@media(max-width:767px){.WorkedWith{padding:var(--space-4)}.WorkedWith-item{height:36px;padding:var(--space-1) var(--space-3)}.WorkedWith-item img{max-width:76px}}