*{margin:0;padding:0;box-sizing:border-box;font-family:Verdana,sans-serif}html,body{height:100%;margin:0;padding:0;display:flex;flex-direction:column}#root{display:flex;flex-direction:column;min-height:100vh;width:100%}header,footer{align-items:stretch;width:100%;padding:2vw;background-color:var(--header-background-color);color:#fff;text-align:center;box-shadow:0 .2vw .4vw #0000001a}header h1{font-size:2vw;line-height:2.1;color:#ffd07d}nav ul{display:flex;justify-content:space-around;list-style:none;padding:1vw 0}nav ul li a{color:#61dafb;text-decoration:none;padding:.5vw 1vw;border-radius:.5vw;transition:all .3s ease}nav ul li a:hover{background-color:#61dafb;color:#20232a;transform:scale(1.1)}footer{margin-top:auto;padding:2vw;background-color:var(--header-background-color);color:#fff;text-align:center;box-shadow:0 -.2vw .4vw #0000001a}.profile-container{display:flex;justify-content:space-around;align-items:center;width:90%;height:71vh;justify-content:center}.profile-picture img{width:30vw;height:30vw;object-fit:cover;border-radius:10%;margin-left:5vw}.TextBlock{width:60%;padding:3vw;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;transform:translateY(5vh);margin-left:8vw}.TextBlock h1,h2,h5{margin:1vw 0}.TextBlock h1{font-size:2vw;opacity:.8;color:#baf5ff}.TextBlock h2{font-size:6vw;color:#00d1ff}@keyframes typing{0%{width:0}to{width:100%}}.TextBlock h2{white-space:nowrap;overflow:hidden;border-right:.15em solid #fff;animation:typing 4s steps(40,end),blink-caret .75s step-end infinite}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#fff}}.TextBlock h5{font-size:1.5vw;color:#baf5ff}.social-images{display:flex;justify-content:flex-start;width:100%;margin-top:6vw}.social-images img{width:5vw;height:2.5vw;margin-right:1vw;border-radius:10%}main{padding-bottom:6vw;min-height:calc(100vh - 6vw)}nav ul li a.active{font-weight:700;color:#00f;border-bottom:.2vw solid blue}.footer-list{display:flex;list-style:none;justify-content:center;padding:0}.footer-list li{margin-right:20px}.footer-list li:last-child{margin-right:0}footer{position:fixed;left:0;bottom:0;width:100%;background-color:#333;color:#fff;text-align:center;padding:10px 0;box-shadow:0 -2px 4px #0003}.about-page{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;padding:3rem 1.5rem 4rem;background-color:var(--background-color);color:var(--text-color);box-sizing:border-box}.about-text{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:900px;padding:2rem;background-color:var(--surface-color);border-radius:10px;box-shadow:0 10px 30px #0f172a14;margin:20px auto}.pictures{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;padding:10px;width:100%}.pictures img{max-width:50%;height:auto;border-radius:8px;box-shadow:0 2px 4px #0003}.about-text p{line-height:1.6;color:#e0e0e0}.t1,.t2,.t3{border:1px solid var(--border-subtle-color);padding:15px;margin:5px;background-color:var(--surface-alt-color);border-radius:5px;box-shadow:0 4px 10px #0f172a1f;color:var(--text-color);width:auto;text-align:left;flex-grow:1}.about-page h1{color:var(--primary-color);margin-bottom:1.5rem}.card{position:relative;background-color:var(--surface-color);color:var(--text-color);border-radius:.9rem;padding:2.25rem 1.6rem 1.6rem;box-shadow:0 10px 24px #0f172a14;border:1px solid var(--border-subtle-color);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0f172a2e;border-color:#00bcd499}.card:before{position:absolute;top:.85rem;right:1rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;padding:.15rem .6rem;border-radius:999px;background:#00bcd41f;color:var(--primary-color)}.card--project:before{content:"Project"}.card--experience:before{content:"Work Experience"}.card h3{color:var(--primary-color);margin-bottom:.6rem;font-size:1.1rem}.card p{margin-bottom:.75rem;line-height:1.6;font-size:.92rem}.card p:last-child{margin-bottom:0}.card label{font-weight:600;color:var(--accent-color);margin-right:6px}.portfolio{max-width:1080px;margin:0 auto;padding:3rem 1.5rem 4rem;color:var(--text-color);background-color:var(--portfolio-background-color);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.portfolio-header{text-align:center;margin-bottom:2.5rem}.portfolio-header h1{font-size:2.25rem;margin-bottom:.5rem}.portfolio-tagline{max-width:620px;margin:0 auto;font-size:.95rem;color:var(--muted-text-color)}.portfolio-section{margin-bottom:3rem}.portfolio-section h2{font-size:1.4rem;margin-bottom:1rem}.section-intro{font-size:.95rem;color:var(--muted-text-color);margin-bottom:1.5rem}.academicList{background-color:var(--surface-color);border-radius:1rem;padding:1.75rem 1.75rem 1.5rem;box-shadow:0 10px 30px #0f172a14;border:1px solid var(--border-subtle-color)}.academicList h2{text-align:center;margin-bottom:1.75rem;font-size:1.1rem;text-transform:uppercase;letter-spacing:.14em;color:var(--primary-color);display:block}.academic-content{max-width:920px;margin:0 auto;display:grid;gap:1.5rem}.academic-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;justify-content:center;align-items:stretch}.academic-highlight{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:1rem;border-radius:.9rem;text-align:center;background-color:#ffffff0a;border:1px solid var(--border-subtle-color)}.academic-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--primary-color)}.academic-value{font-weight:650;font-size:1.05rem}.academic-classes{max-width:920px;margin:0 auto;padding:1.1rem;border-radius:.9rem;background-color:#ffffff05;border:1px solid var(--border-subtle-color)}.academic-classes h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.85rem;color:var(--muted-text-color);text-align:center}.classList{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem 1rem;max-width:820px;margin:0 auto}.classList li{font-size:.9rem;padding:.55rem .75rem;border-radius:.75rem;text-align:center;background-color:#ffffff08;border:1px solid var(--border-subtle-color)}@media (max-width: 900px){.academic-summary{grid-template-columns:1fr}.classList{grid-template-columns:1fr;max-width:520px}.academic-content,.academic-classes{max-width:680px}}.Cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.work-section{margin-top:1.5rem}.experience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.experience-card h3{font-size:1rem;margin-bottom:.5rem}.experience-card h3 span{font-weight:500}.experience-meta{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted-text-color);margin-bottom:.9rem}.experience-card ul{list-style:disc;padding-left:1rem;margin:0}.experience-card li{font-size:.9rem;line-height:1.6;margin-bottom:.35rem}.experience-card li:last-child{margin-bottom:0}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #00bcd4;--secondary-color: #006064;--background-color: #f4f7fb;--surface-color: #ffffff;--surface-alt-color: #e3f2fd;--text-color: #263238;--muted-text-color: #607d8b;--accent-color: #ffab00;--border-subtle-color: rgba(38, 50, 56, .08);--portfolio-background-color: #e8f2ff;--header-background-color: #0b1120}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;font-family:Poppins,sans-serif;color:var(--text-color);background-color:var(--background-color)}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{--text-color: #213547;--background-color: #f5f7fb;--surface-color: #ffffff;--surface-alt-color: #f1f5f9;--portfolio-background-color: #e8f2ff;--link-hover-color: #747bff;--button-bg-color: #f9f9f9}}@media (prefers-color-scheme: dark){:root{--text-color: #cfd8dc;--background-color: #020617;--surface-color: #1f2933;--surface-alt-color: #243447;--border-subtle-color: rgba(148, 163, 184, .4);--portfolio-background-color: #020617;--header-background-color: #020617;--link-hover-color: #82b1ff;--button-bg-color: #37474f}}