:root{--umich-blue: #00274C;--umich-maize: #FFCB05;--umich-blue-light: #003d7a;--umich-blue-dark: #001a33;--umich-maize-light: #FFD54F;--umich-maize-dark: #F9A825;--primary: var(--umich-blue);--primary-dark: var(--umich-blue-dark);--secondary: var(--umich-maize);--accent: var(--umich-maize);--bg-dark: #0a1628;--bg-card: #1a2a3f;--bg-card-hover: #243a55;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border: #2a3f5a;--shadow: rgba(0, 39, 76, .3);--shadow-lg: rgba(0, 39, 76, .5)}body{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-dark);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.app{min-height:100vh;display:flex;flex-direction:column}.modern-header{position:sticky;top:0;z-index:100;background:#00274cf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--umich-maize);padding:1rem 0}.header-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--umich-blue),var(--umich-maize));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;cursor:pointer;transition:transform .2s}.logo:hover{transform:scale(1.05)}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .2s;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--umich-blue),var(--umich-maize));transition:width .3s}.nav-links a:hover{color:var(--text-primary)}.nav-links a:hover:after{width:100%}.resume-link{padding:.5rem 1.5rem;background:linear-gradient(135deg,var(--umich-blue),var(--umich-blue-light));border-radius:8px;color:#fff!important}.resume-link:after{display:none}.resume-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00274c66;background:linear-gradient(135deg,var(--umich-blue-light),var(--umich-blue))}#pfp{border-radius:50%;object-fit:cover;margin-bottom:2rem}.hero-section{min-height:100vh;justify-content:center;position:relative;background:linear-gradient(135deg,var(--bg-dark) 0%,var(--umich-blue-dark) 100%);padding:2rem;display:flex;align-items:center;gap:3rem}.hero-content{max-width:800px;text-align:center;z-index:1}.hero-title{font-size:clamp(3rem,8vw,6rem);font-weight:800;margin-bottom:1rem;line-height:1.1}.greeting{display:block;color:var(--text-secondary);font-size:.5em;font-weight:400;margin-bottom:.5rem}.name{display:block;background:linear-gradient(135deg,var(--umich-blue),var(--umich-maize),var(--umich-blue-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease infinite;background-size:200% 200%}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-subtitle{font-size:clamp(1.5rem,4vw,2.5rem);color:var(--text-secondary);margin-bottom:.5rem;font-weight:300}.hero-description{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-muted);margin-bottom:2rem}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.cta-button{padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s;display:inline-block}.cta-button:first-child{background:linear-gradient(135deg,var(--umich-blue),var(--umich-blue-light));color:#fff;box-shadow:0 4px 15px #00274c66}.cta-button:first-child:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00274c99;background:linear-gradient(135deg,var(--umich-blue-light),var(--umich-blue))}.cta-button.secondary{background:transparent;color:var(--text-primary);border:2px solid var(--border)}.cta-button.secondary:hover{background:var(--bg-card);border-color:var(--primary)}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.mouse{width:24px;height:40px;border:2px solid var(--text-muted);border-radius:12px;position:relative}.mouse:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:4px;height:8px;background:var(--text-muted);border-radius:2px;animation:scroll 2s infinite}@keyframes scroll{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(12px)}}section{padding:6rem 2rem;position:relative}.section-container{max-width:1200px;margin:0 auto}.section-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:3rem;text-align:center;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-section{background:var(--bg-dark)}.about-content{max-width:800px;margin:0 auto;text-align:center}.about-text{font-size:1.25rem;color:var(--text-secondary);line-height:1.8;margin:0}.experience-section{background:linear-gradient(180deg,var(--bg-dark) 0%,var(--umich-blue-dark) 100%)}.timeline-container{position:relative;max-width:1200px;margin:0 auto;padding:2rem 0}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--umich-maize),var(--umich-blue));transform:translate(-50%);z-index:1}.timeline-item{position:relative;width:50%;padding:0 3rem;margin-bottom:3rem;z-index:2}.timeline-item:last-child{margin-bottom:0}.timeline-left{left:0;text-align:right}.timeline-right{left:50%;text-align:left}.timeline-dot{position:absolute;width:20px;height:20px;background:var(--umich-maize);border:4px solid var(--umich-blue);border-radius:50%;top:1.5rem;z-index:3;box-shadow:0 0 0 4px var(--bg-dark),0 0 20px #ffcb0580;transition:all .3s}.timeline-left .timeline-dot{right:-10px}.timeline-right .timeline-dot{left:-10px}.timeline-item:hover .timeline-dot{transform:scale(1.3);box-shadow:0 0 0 4px var(--bg-dark),0 0 30px #ffcb05cc}.timeline-content{background:var(--bg-card);padding:1.25rem;border-radius:12px;border:1px solid var(--border);cursor:pointer;transition:all .3s;display:flex;flex-direction:column;gap:.75rem;position:relative;max-width:380px}.timeline-content:hover{transform:translateY(-4px);background:var(--bg-card-hover);border-color:var(--umich-maize);box-shadow:0 12px 32px var(--shadow-lg)}.timeline-left .timeline-content{margin-right:2rem;margin-left:auto}.timeline-right .timeline-content{margin-left:2rem;margin-right:auto}.timeline-content .card-header{display:flex;align-items:center;gap:.75rem}.timeline-logo{width:44px;height:44px;border-radius:10px;background:var(--bg-card-hover);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.timeline-logo img{width:100%;height:100%;object-fit:contain}.card-header-text{display:flex;flex-direction:column;gap:.15rem}.card-header.logo-left{flex-direction:row;text-align:left}.card-header.logo-right{flex-direction:row-reverse;text-align:right}.card-header.logo-right .card-header-text{align-items:flex-end}.card-header.logo-left .card-header-text{align-items:flex-start}.timeline-content .card-header h3{font-size:1.05rem;color:var(--umich-maize);margin:0;font-weight:600;line-height:1.3}.timeline-content .card-header .company{font-size:.95rem}.timeline-content .card-header .period{font-size:.85rem;opacity:.8}.timeline-content .card-skills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.card-header{display:flex;flex-direction:column;gap:.5rem}.card-header h3{font-size:1.25rem;color:var(--umich-maize)}.company{color:var(--text-muted);font-size:.9rem}.period{color:var(--text-muted);font-size:.85rem;font-style:italic;margin-top:.25rem;display:block}.future-badge{display:inline-block;padding:.25rem .75rem;background:#ffcb0533;border:1px solid var(--umich-maize);border-radius:12px;font-size:.75rem;color:var(--umich-maize);font-weight:600;margin-top:.5rem}.future-role{opacity:.95;border:2px dashed var(--umich-maize)}.future-role:hover{border-style:solid;opacity:1}.card-description{color:var(--text-secondary);line-height:1.6;flex:1}.card-skills{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{padding:.25rem .75rem;background:#ffcb051a;border:1px solid rgba(255,203,5,.3);border-radius:20px;font-size:.85rem;color:var(--umich-maize)}.card-footer{margin-top:auto}.learn-more{color:var(--umich-maize);font-weight:600;transition:transform .2s;display:inline-block}.projects-section{background:var(--bg-dark)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.project-card{background:var(--bg-card);border-radius:16px;overflow:hidden;border:1px solid var(--border);cursor:pointer;transition:all .3s}.project-card:hover{transform:translateY(-8px);border-color:var(--umich-maize);box-shadow:0 12px 32px var(--shadow-lg)}.project-image{position:relative;width:100%;height:200px;overflow:hidden;background:var(--bg-card-hover)}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00274cf2;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.project-card:hover .project-overlay{opacity:1}.project-card:hover .project-image img{transform:scale(1.1)}.view-details{color:#fff;font-weight:600;font-size:1.1rem}.project-content{padding:1.5rem}.project-content h3{font-size:1.25rem;margin-bottom:.75rem;color:var(--text-primary)}.project-content p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.6}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{padding:.25rem .75rem;background:#ffcb051a;border:1px solid rgba(255,203,5,.3);border-radius:20px;font-size:.85rem;color:var(--umich-maize)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modern-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-card);border-radius:20px;max-width:700px;width:90%;max-height:85vh;overflow-y:auto;z-index:1000;border:1px solid var(--border);box-shadow:0 20px 60px #00000080;animation:modalSlideIn .3s}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.modal-close{position:absolute;top:1rem;right:1rem;background:var(--bg-card-hover);border:none;color:var(--text-primary);font-size:2rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:1}.modal-close:hover{background:var(--umich-maize);color:var(--umich-blue);transform:rotate(90deg)}.modal-content{padding:2.5rem;color:var(--text-secondary)}.modal-content h2{color:var(--text-primary);margin-bottom:1rem;font-size:1.75rem}.modal-content p{margin-bottom:1rem;line-height:1.8}.modal-content img{width:100%;max-width:500px;height:auto;border-radius:12px;margin:1rem 0}.modal-link{display:inline-block;margin-top:1rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--umich-blue),var(--umich-blue-light));color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s}.modal-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00274c66;background:linear-gradient(135deg,var(--umich-blue-light),var(--umich-blue))}.modern-footer{background:var(--bg-card);border-top:1px solid var(--border);padding:2rem;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-content p{color:var(--text-muted)}.social-links{display:flex;gap:1rem}.social-links a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-card-hover);transition:all .3s}.social-links a:hover{background:var(--umich-maize);transform:translateY(-2px)}.social-links a:hover img{filter:brightness(0) saturate(100%) invert(9%) sepia(29%) saturate(2000%) hue-rotate(195deg) brightness(.3) contrast(1)}.social-links img{width:24px;height:24px}@media (max-width: 768px){.header-container{flex-direction:column;gap:1rem}.nav-links{gap:1rem;flex-wrap:wrap;justify-content:center}.hero-cta{flex-direction:column}.about-content,.projects-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;text-align:center}.timeline-line{left:2rem}.timeline-item{width:100%;left:0!important;padding-left:4rem;padding-right:0;text-align:left!important}.timeline-dot{left:1.5rem!important;right:auto!important}.timeline-left .timeline-content,.timeline-right .timeline-content{margin-left:0;margin-right:0}}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}body{display:flex;flex-direction:column;margin:0;min-height:100vh;background:#1f2937;font-family:Roboto,sans-serif;font-weight:100}#root{min-height:100vh;display:flex;flex-direction:column}.app{display:flex;flex-direction:column;min-height:100vh;flex:1}