a,button{outline:0}.layout,body{position:relative}.bar,.layout,.left-panel,.nav-link{display:flex}.nav ul,.project-tags,.skills-list,.socials{list-style:none}.about-text a,.footer a{text-decoration:underline;text-decoration-color:transparent}:root{--bg-slate-900:#ffffff;--bg-card-hover:#fafafa;--text-slate-200:#000000;--text-slate-400:#59636e;--text-slate-500:#888888;--accent-teal:#000000;--transition:all 0.3s ease}.nav-indicator,.project-card,.project-image-wrapper img,.project-title,a{transition:var(--transition)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg-slate-900);color:var(--text-slate-400);font-family:Geist,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}a:focus,a:focus-visible,button:focus,button:focus-visible{outline:0}.education-card:hover .education-title,.project-card:hover .project-title,a:hover{color:var(--accent-teal)}.nav-link.active .nav-text,.nav-link:hover .nav-text,.socials a:hover,h1,h2,h3,h4,h5,h6,strong{color:var(--text-slate-200)}h1,h2,h3,h4,h5,h6,strong{font-weight:700}.layout{max-width:1200px;margin:0 auto;padding:0 24px;justify-content:space-between;gap:40px;z-index:1}.left-panel{width:40%;padding:96px 0;position:sticky;top:0;height:100vh;flex-direction:column;justify-content:space-between}.profile-avatar{width:140px;height:140px;border-radius:50%;object-fit:cover;margin-bottom:24px}.name{font-size:1.8rem;font-weight:600;letter-spacing:-.025em;line-height:1;margin-bottom:5px}.about-text p,.title{margin-bottom:16px}.title{font-size:1rem;font-weight:500;color:#59636e}.subtitle{max-width:300px;margin-bottom:60px}.bar{flex-direction:column;gap:24px;width:100%;max-width:250px}.nav-link{align-items:center;padding:12px 0;width:max-content;font-size:.875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-slate-500)}.nav-indicator{display:inline-block;height:1px;width:30px;background-color:var(--text-slate-500);margin-right:16px}.nav-link.active .nav-indicator,.nav-link:hover .nav-indicator{width:60px;background-color:var(--text-slate-200)}.socials{display:flex;gap:20px;font-size:1.5rem;margin-top:32px}.project-year,.skill-item{font-size:.75rem}.socials a{color:var(--text-slate-400)}.right-panel{width:55%;padding:96px 0}.project-tags li,.skill-item{background-color:rgba(0,0,0,.05);padding:4px 12px;font-weight:500;line-height:1.25rem}.section{margin-bottom:80px}.project-header,.project-title{margin-bottom:8px}.sticky-header{display:none}.about-text strong{font-weight:500;color:var(--text-slate-200)}.about-text a{color:var(--text-slate-200);font-weight:500}.about-text a:hover,.footer a:hover{color:var(--accent-teal);text-decoration-color:var(--accent-teal)}.skills-list{display:flex;flex-wrap:wrap;gap:10px}.skill-item{display:flex;align-items:center;gap:6px;color:var(--accent-teal);border-radius:9999px}.education-year,.project-year{text-transform:uppercase;font-weight:700;letter-spacing:.05em;color:var(--text-slate-500)}.projects-grid{display:flex;flex-direction:column;gap:40px}.project-card{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:24px;border-radius:12px;cursor:pointer;border:1px solid transparent}.project-image-wrapper img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:8px;border:2px solid rgba(255,255,255,.1)}.education-card:hover .education-image-wrapper img,.project-card:hover .project-image-wrapper img{border-color:rgba(0,0,0,.1)}.project-title{font-size:1.125rem;display:flex;align-items:center;gap:8px}.education-title i,.project-title i{font-size:.8rem;transition:transform .2s}.education-card:hover .education-title i,.project-card:hover .project-title i{transform:translate(2px,-2px)}.project-description{font-size:.875rem;margin-bottom:16px}.project-tags{display:flex;flex-wrap:wrap;gap:8px}.project-tags li{color:var(--accent-teal);border-radius:9999px;font-size:.75rem}.education-list{display:flex;flex-direction:column;gap:20px}.education-card{display:grid;grid-template-columns:140px 1fr;gap:20px;padding:24px;border-radius:12px;transition:var(--transition);cursor:pointer;border:1px solid transparent}.education-image-wrapper img{width:100%;height:auto;object-fit:cover;border-radius:6px;border:2px solid rgba(255,255,255,.1);transition:var(--transition)}.education-year{font-size:.75rem;padding-top:4px}.education-issuer,.footer a{color:var(--text-slate-200)}.education-title{font-size:1.125rem;margin-bottom:4px;display:flex;align-items:center;gap:8px;transition:var(--transition)}.education-issuer{font-weight:500;margin-bottom:8px;font-size:.95rem}.education-description{font-size:.875rem;color:var(--text-slate-400)}.footer{text-align:center;padding:40px 0;font-size:.875rem}@media (min-width:1024px){.education-list:hover .education-card,.projects-grid:hover .project-card{opacity:.4}.education-list .education-card:hover,.projects-grid .project-card:hover{opacity:1!important;background-color:var(--bg-card-hover);box-shadow:0 4px 20px rgba(0,0,0,.2);border-color:rgba(0,0,0,.05)}}@media (max-width:1024px){.layout{flex-direction:column;padding:0 48px;gap:0}.left-panel{width:100%;position:relative;padding:96px 0 48px;max-height:none;height:auto}.subtitle{margin-bottom:24px}.bar{max-width:unset}.nav{display:none}.right-panel{width:100%;padding:0 0 96px}.section{margin-bottom:48px}.sticky-header{display:block;position:sticky;top:0;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);padding:16px 0;z-index:10;margin-top:-16px}.sticky-header h2{font-size:1rem;text-transform:uppercase;letter-spacing:.1em}}@media (max-width:768px){.layout{padding:0 24px}.left-panel{padding:48px 0 32px}.section{margin-bottom:32px}.name{font-size:2.5rem}.education-card,.project-card{grid-template-columns:1fr;padding:0}.education-image-wrapper,.project-image-wrapper{order:-1}.education-image-wrapper img,.project-image-wrapper img{width:100%}}