:root{--bg-primary: #fbfaf8;--bg-secondary: #f3f1ec;--bg-tertiary: #eae7e0;--card-bg: #ffffff;--text-primary: #16181d;--text-secondary: #4a5160;--text-tertiary: #6b7280;--heading-color: #101216;--accent-color: #1a365d;--accent-hover: #2c5282;--accent-fg: #ffffff;--sheen: rgba(255, 255, 255, .25);--accent-warm: #8c1515;--accent-warm-hover: #a81c1c;--accent-quiet: rgba(26, 54, 93, .08);--border-color: #e4e0d8;--border-strong: #d2ccc0;--shadow-color: rgba(22, 24, 29, .05);--shadow-hover: rgba(22, 24, 29, .1);--elev-1: 0 1px 2px rgba(22, 24, 29, .04), 0 1px 3px rgba(22, 24, 29, .06);--elev-2: 0 2px 4px rgba(22, 24, 29, .04), 0 6px 16px rgba(22, 24, 29, .07);--elev-3: 0 4px 8px rgba(22, 24, 29, .05), 0 16px 40px rgba(22, 24, 29, .1);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: "Newsreader", Georgia, "Times New Roman", serif;--step--1: .875rem;--step-0: 1.0625rem;--step-1: 1.1875rem;--step-2: clamp(1.375rem, 1.2rem + .6vw, 1.625rem);--step-3: clamp(1.75rem, 1.35rem + 1.6vw, 2.375rem);--step-4: clamp(2.25rem, 1.3rem + 4vw, 3.75rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 999px;--measure: 68ch;--width-content: 1120px;--width-wide: 1320px;--transition-speed: .24s;--ease-out: cubic-bezier(.22, .61, .36, 1)}[data-theme=dark]{--bg-primary: #0f1115;--bg-secondary: #171a20;--bg-tertiary: #212630;--card-bg: #161920;--text-primary: #eceef2;--text-secondary: #a8b0be;--text-tertiary: #8b95a6;--heading-color: #f4f6f9;--accent-color: #7cb3e8;--accent-hover: #a3ccf4;--accent-fg: #0f1115;--sheen: rgba(255, 255, 255, .35);--accent-warm: #e07a7a;--accent-warm-hover: #ef9797;--accent-quiet: rgba(124, 179, 232, .12);--border-color: #262b35;--border-strong: #39404d;--shadow-color: rgba(0, 0, 0, .3);--shadow-hover: rgba(0, 0, 0, .5);--elev-1: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .25);--elev-2: 0 2px 4px rgba(0, 0, 0, .3), 0 6px 16px rgba(0, 0, 0, .35);--elev-3: 0 4px 8px rgba(0, 0, 0, .35), 0 16px 40px rgba(0, 0, 0, .45)}*,*:before,*:after{box-sizing:border-box}a,button,.course-card,.skill-category,.experience-item,.social-links a,.resume-button,.linkedin-button,.theme-toggle,.profile-image-container{transition:background-color var(--transition-speed) var(--ease-out),color var(--transition-speed) var(--ease-out),border-color var(--transition-speed) var(--ease-out),box-shadow var(--transition-speed) var(--ease-out),transform var(--transition-speed) var(--ease-out)}.app{width:100%;min-height:100vh;margin:0;padding:0;font-family:var(--font-sans);font-size:var(--step-0);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{max-width:calc(var(--width-content) + 2 * var(--space-5));margin:0 auto;padding:0 var(--space-5) var(--space-8);display:flex;flex-direction:column;gap:var(--space-9)}section{margin:0;padding:0;scroll-margin-top:var(--space-6)}h1,h2,h3{font-family:var(--font-serif);color:var(--heading-color);font-weight:500;letter-spacing:-.015em;line-height:1.15;margin:0 0 var(--space-4);text-wrap:balance}h1{font-size:var(--step-4);letter-spacing:-.03em}h2{font-size:var(--step-3);margin-bottom:var(--space-6)}h3{font-size:var(--step-1);font-family:var(--font-sans);font-weight:600;letter-spacing:-.01em}p{color:var(--text-secondary);line-height:1.65;margin:0 0 var(--space-4)}p:last-child{margin-bottom:0}a{color:var(--accent-color)}.skip-link{position:absolute;left:-9999px;top:0;z-index:1100;padding:var(--space-3) var(--space-4);background:var(--accent-color);color:var(--accent-fg);border-radius:0 0 var(--radius-sm) 0;text-decoration:none;font-size:var(--step--1);font-weight:500}.skip-link:focus{left:0}:focus-visible{outline:2px solid var(--accent-warm);outline-offset:3px;border-radius:var(--radius-sm)}.theme-toggle{position:fixed;top:var(--space-5);right:var(--space-5);width:42px;height:42px;border-radius:var(--radius-full);background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--accent-color);z-index:1000;box-shadow:var(--elev-1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.theme-toggle:hover{box-shadow:var(--elev-2);border-color:var(--border-strong)}.theme-toggle svg{color:var(--accent-color)}.loading-spinner{display:flex;justify-content:center;align-items:center;min-height:240px;width:100%}.spinner{border:3px solid var(--border-color);width:32px;height:32px;border-radius:50%;border-left-color:var(--accent-color);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){main{gap:var(--space-8);max-width:calc(var(--width-content) + 2 * var(--space-4));padding:0 var(--space-4) var(--space-7)}.theme-toggle{top:var(--space-3);right:var(--space-3);width:38px;height:38px}}@media (max-width: 480px){main{gap:var(--space-7);max-width:calc(var(--width-content) + 2 * var(--space-4));padding:0 var(--space-4) var(--space-6)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:1050;background:linear-gradient(90deg,var(--accent-color),var(--accent-warm));transform-origin:0 50%;will-change:transform}.section-nav{position:fixed;top:0;bottom:0;right:var(--space-5);display:flex;align-items:center;z-index:900;pointer-events:none}.section-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1);pointer-events:auto}.section-nav a{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-2) 0;text-decoration:none;color:var(--text-tertiary)}.section-nav-dot{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--border-strong);transition:background-color var(--transition-speed) var(--ease-out),transform var(--transition-speed) var(--ease-out)}.section-nav-label{font-size:.75rem;font-weight:500;letter-spacing:.04em;white-space:nowrap;opacity:0;transform:translate(6px);transition:opacity var(--transition-speed) var(--ease-out),transform var(--transition-speed) var(--ease-out)}.section-nav a:hover .section-nav-label,.section-nav a:focus-visible .section-nav-label{opacity:1;transform:translate(0)}.section-nav a:hover .section-nav-dot{background:var(--accent-warm)}.section-nav a.is-active .section-nav-dot{background:var(--accent-warm);transform:scale(1.5)}.section-nav a.is-active .section-nav-label{color:var(--text-secondary)}.section-nav-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.header{position:relative;padding:var(--space-9) var(--space-5) var(--space-8);margin-bottom:var(--space-7);overflow:hidden;background:radial-gradient(60% 90% at 15% 0%,var(--accent-quiet),transparent 70%),linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-bottom:1px solid var(--border-color)}.header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(var(--border-strong) 1.2px,transparent 1.2px);background-size:20px 20px;opacity:.8;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 75%);mask-image:linear-gradient(180deg,#000 0%,transparent 75%);pointer-events:none}.header-content{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:var(--space-7);max-width:var(--width-content);margin:0 auto;text-align:left}.profile-section{flex:0 0 auto;width:clamp(180px,var(--hero-photo-size, 290px),340px);height:clamp(180px,var(--hero-photo-size, 290px),340px)}.profile-image-container{width:100%;height:100%;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-tertiary);box-shadow:0 0 0 1px var(--border-strong),0 0 0 8px var(--card-bg),var(--elev-3)}.profile-image{width:100%;height:100%;object-fit:cover;display:block}.text-section{flex-grow:1;min-width:0}.header h1{font-family:var(--font-serif);font-size:var(--step-4);font-weight:500;color:var(--heading-color);letter-spacing:-.035em;margin-bottom:var(--space-3)}.header .subtitle{font-family:var(--font-serif);font-style:italic;color:var(--accent-warm);font-size:var(--step-2);line-height:1.3;margin-bottom:var(--space-2)}.header .majors{color:var(--text-secondary);font-size:var(--step-0);max-width:46ch;margin-bottom:var(--space-6)}.social-links{display:flex;gap:var(--space-3);margin-bottom:var(--space-5)}.social-links a{color:var(--accent-color);text-decoration:none;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--radius-full);background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--elev-1)}.social-links a:hover{border-color:var(--accent-warm);box-shadow:var(--elev-2)}.social-icon{width:22px;height:22px}.hero-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.resume-button,.linkedin-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);text-decoration:none;border-radius:var(--radius-full);font-weight:500;font-size:var(--step--1);letter-spacing:.01em;position:relative;overflow:hidden;box-shadow:var(--elev-1);white-space:nowrap}.resume-button{background-color:var(--accent-color);color:var(--accent-fg);border:1px solid transparent}.resume-button:hover{background-color:var(--accent-hover);box-shadow:var(--elev-2)}.linkedin-button{background-color:var(--card-bg);color:var(--accent-color);border:1px solid var(--border-strong)}.linkedin-button:hover{color:var(--accent-warm);border-color:var(--accent-warm);box-shadow:var(--elev-2)}.resume-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,var(--sheen),transparent);transition:left .55s var(--ease-out)}.resume-button:hover:before{left:100%}.download-icon{width:16px;height:16px;flex-shrink:0;display:block}.btn-label-short{display:none}#about{max-width:var(--measure)}#about h2{font-family:var(--font-sans);font-size:var(--step--1);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--space-5);display:flex;align-items:center;gap:var(--space-3)}#about h2:after{content:"";flex:1;height:1px;background:var(--border-color)}#about p:first-of-type{font-family:var(--font-serif);font-size:var(--step-2);line-height:1.5;color:var(--text-primary);margin-bottom:var(--space-5)}#about p{font-size:var(--step-0)}.stats-band ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5)}.stats-band li{display:flex;flex-direction:column;gap:var(--space-2);padding-left:var(--space-5);border-left:1px solid var(--border-color)}.stats-band li:first-child{padding-left:0;border-left:none}.stat-value{font-family:var(--font-serif);font-size:var(--step-3);font-weight:500;line-height:1;letter-spacing:-.03em;color:var(--accent-warm);font-variant-numeric:tabular-nums}.stat-label{font-size:.8125rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);line-height:1.35}.footer{margin-top:var(--space-9);padding:var(--space-7) var(--space-5) var(--space-6);background:var(--bg-secondary);border-top:1px solid var(--border-color)}.footer-inner,.footer-base{max-width:var(--width-content);margin:0 auto;display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-5);flex-wrap:wrap}.footer-name{font-family:var(--font-serif);font-size:var(--step-2);font-weight:500;color:var(--heading-color);letter-spacing:-.02em;margin-bottom:var(--space-1)}.footer-meta{font-size:var(--step--1);color:var(--text-secondary);margin:0}.footer-links{display:flex;gap:var(--space-5);flex-shrink:0}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:var(--step--1);font-weight:500;position:relative}.footer-links a:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;background:var(--accent-warm);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-speed) var(--ease-out)}.footer-links a:hover{color:var(--accent-warm)}.footer-links a:hover:after{transform:scaleX(1)}.footer-base{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-color)}.footer-base p{font-size:.8125rem;color:var(--text-tertiary);margin:0}.footer-top{font-size:.8125rem;font-weight:500;color:var(--text-tertiary);text-decoration:none}.footer-top:hover{color:var(--accent-warm)}.courses-section h2,.skills-section h2,.experience-section h2{display:flex;align-items:baseline;gap:var(--space-3)}.courses-section h2:before,.skills-section h2:before,.experience-section h2:before{content:"";flex:0 0 auto;width:24px;height:2px;background:var(--accent-warm);transform:translateY(-.3em)}.courses-section{position:relative;margin-inline:calc(-1 * var(--space-5));padding:var(--space-7) 0;background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-color)}.courses-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);padding-inline:var(--space-5);margin-bottom:var(--space-5)}.courses-header h2{margin-bottom:0}.courses-nav{display:flex;gap:var(--space-2);flex-shrink:0}.courses-wrapper{position:relative;width:100%}.courses-container{display:flex;gap:var(--space-4);overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x proximity;scroll-padding-inline:var(--space-5);-webkit-overflow-scrolling:touch;padding:var(--space-2) var(--space-5);-ms-overflow-style:none;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 90%,transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 90%,transparent 100%)}.courses-container::-webkit-scrollbar{display:none}@media (hover: hover){.courses-container{cursor:grab}}.courses-container.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;-webkit-user-select:none;user-select:none}.courses-container.is-dragging .course-card{pointer-events:none;transform:none}.course-group{display:flex;flex-direction:column;gap:var(--space-3);flex:0 0 auto;scroll-snap-align:start}.course-group-label{color:var(--text-tertiary);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding-left:var(--space-1);display:flex;align-items:center;gap:var(--space-3)}.course-group-label:after{content:"";flex:1;height:1px;background:var(--border-strong)}.course-group-cards{display:flex;gap:var(--space-4)}.course-card{flex:0 0 264px;min-width:264px;padding:var(--space-5);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;position:relative;min-height:132px;box-sizing:border-box;box-shadow:var(--elev-1)}.course-card:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:var(--elev-2)}.course-card h3{color:var(--heading-color);font-size:var(--step-1);margin:0 0 var(--space-2);font-variant-numeric:tabular-nums}.course-card p{color:var(--text-secondary);margin:0;line-height:1.45;flex-grow:1;font-size:var(--step--1)}.scroll-button{width:36px;height:36px;border-radius:var(--radius-full);background:var(--card-bg);color:var(--accent-color);border:1px solid var(--border-color);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;z-index:30;box-shadow:var(--elev-2)}.scroll-button:hover:not(:disabled){color:var(--accent-warm);border-color:var(--accent-warm)}.scroll-button:disabled{opacity:.3;cursor:default}.skills-section h2{margin-bottom:var(--space-6)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-5)}.skill-category{position:relative;background-color:var(--card-bg);padding:var(--space-5);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--elev-1);overflow:hidden}.skill-category:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-warm),transparent 70%);opacity:0;transition:opacity var(--transition-speed) var(--ease-out)}.skill-category:hover:before{opacity:1}.skill-category:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:var(--elev-2)}.skill-category h3{color:var(--heading-color);margin-bottom:var(--space-4);font-size:var(--step-0);letter-spacing:.01em}.skill-category ul{list-style-type:none;padding-left:0;margin:0}.skill-category li{color:var(--text-secondary);margin-bottom:var(--space-2);padding-left:var(--space-4);position:relative;font-size:var(--step--1);line-height:1.5}.skill-category li:last-child{margin-bottom:0}.skill-category li:before{content:"";position:absolute;left:0;top:.55em;width:5px;height:1px;background:var(--accent-warm)}.experience-section{position:relative;margin-inline:calc(-1 * var(--space-5));padding:var(--space-7) var(--space-5);background-color:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--elev-1)}.experience-section h2{margin-bottom:var(--space-6)}.timeline{position:relative}.timeline-track{position:absolute;left:5px;top:.6em;bottom:.6em;width:1px;background:var(--border-color);overflow:hidden}.timeline-fill{width:100%;height:100%;background:linear-gradient(180deg,var(--accent-warm),var(--accent-color));transform-origin:top center;will-change:transform}.experience-item{position:relative;padding-left:var(--space-6);padding-bottom:var(--space-6)}.experience-item:last-child{padding-bottom:0}.experience-item:after{content:"";position:absolute;left:0;top:.35em;width:11px;height:11px;border-radius:50%;background:var(--card-bg);border:2px solid var(--border-strong);transition:border-color .4s var(--ease-out),background-color .4s var(--ease-out),transform .4s var(--ease-out)}.experience-item.is-active:after{border-color:var(--accent-warm);background:var(--accent-warm);transform:scale(1.15)}.experience-item h3{color:var(--heading-color);margin-bottom:var(--space-1);font-size:var(--step-1)}.experience-item .company{color:var(--accent-color);font-weight:500;font-size:var(--step--1);margin-bottom:var(--space-1)}.experience-item .period{color:var(--text-tertiary);font-size:.8125rem;letter-spacing:.04em;font-variant-numeric:tabular-nums;margin-bottom:var(--space-3)}.experience-item ul{list-style-type:none;padding-left:0;margin:0}.experience-item li{color:var(--text-secondary);margin-bottom:var(--space-2);padding-left:var(--space-4);position:relative;font-size:var(--step--1);line-height:1.6}.experience-item li:last-child{margin-bottom:0}.experience-item li:before{content:"";position:absolute;left:0;top:.6em;width:5px;height:1px;background:var(--border-strong)}@media (max-width: 1240px){.section-nav{display:none}}@media (max-width: 900px){.stats-band ul{grid-template-columns:repeat(2,1fr);gap:var(--space-5) var(--space-4)}.stats-band li:nth-child(odd){padding-left:0;border-left:none}.stats-band li:nth-child(2n){padding-left:var(--space-4);border-left:1px solid var(--border-color)}.footer-inner,.footer-base{flex-direction:column;align-items:flex-start}.header-content{flex-direction:column;text-align:center;align-items:center;gap:var(--space-5)}.profile-section{--hero-photo-size: clamp(150px, 42vw, 240px);width:var(--hero-photo-size);height:var(--hero-photo-size)}.header .majors{margin-inline:auto}.social-links{justify-content:center}#about{max-width:none}}@media (max-width: 768px){.header{padding:var(--space-7) var(--space-4) var(--space-7);margin-bottom:var(--space-8)}.profile-image-container{box-shadow:0 0 0 1px var(--border-strong),0 0 0 6px var(--card-bg),var(--elev-2)}.experience-section{margin-inline:calc(-1 * var(--space-4));padding:var(--space-6) var(--space-4);border-inline:none;border-radius:0}.courses-section{margin-inline:calc(-1 * var(--space-4));padding:var(--space-6) 0;border-inline:none;border-radius:0}.courses-header{padding-inline:var(--space-4)}.courses-container{padding-inline:var(--space-4);scroll-padding-inline:var(--space-4)}.course-card{flex:0 0 236px;min-width:236px;padding:var(--space-4);min-height:124px}.course-group-cards{gap:var(--space-3)}.scroll-button{width:32px;height:32px}}@media (max-width: 480px){.profile-image-container{border-radius:var(--radius-md)}.skills-grid{grid-template-columns:1fr}.hero-actions{width:100%;justify-content:center;gap:var(--space-2)}.btn-label-full{display:none}.btn-label-short{display:inline}.resume-button,.linkedin-button{flex:1 1 auto;max-width:165px;padding-inline:var(--space-4)}.social-icon{width:20px;height:20px}}html{scroll-behavior:smooth;position:relative}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-primary, #fbfaf8);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility}