@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap";
:root{--temp:#e0e0e0;--bg:#ebebeb;--muted:#666;--accent:#0a84ff}*{box-sizing:border-box}html,body,#__next{height:100%}body{background:var(--bg);color:#111;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,serif}.container{max-width:900px;margin:40px auto;padding:16px}.hero{text-align:center;padding:24px}.avatar{object-fit:cover;border:1px solid #00000008;border-radius:12px;width:110px;height:120px}.name{margin:12px 0 6px;font-size:24px}.socials{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.social{color:var(--accent);border-radius:8px;justify-content:center;align-items:center;padding:6px;text-decoration:none;display:flex}.summary{text-align:center;max-width:60ch;margin:12px auto;font-size:20px;line-height:1.15}.summary-line{opacity:0;font-size:28px;animation-duration:1.4s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:forwards;display:block}.summary-line-1{animation-name:slide-in-left}.summary-line-2{animation-name:slide-in-right;animation-delay:.12s}.summary-line-3{animation-name:slide-in-left;animation-delay:.24s}.projects{padding:24px 0}.section-title{color:#111;text-align:center;letter-spacing:.06em;text-transform:uppercase;margin:0 0 18px;font-size:18px;font-weight:600}.section-title--small{margin-top:28px;font-size:15px}.grid{flex-direction:column;gap:24px;display:flex}.card{background-color:var(--bg);border:1px solid #0000000a;border-radius:20px;align-items:stretch;gap:24px;padding:20px;display:flex}.card--reverse{flex-direction:row-reverse}.card-media{flex:0 0 38%;min-width:0}.card-media img{object-fit:cover;border-radius:16px;width:100%;height:100%;min-height:260px;display:block}.card-body{flex-direction:column;flex:1;justify-content:center;padding:6px 4px;display:flex}.project-heading{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:0;display:flex}.project-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:.75rem;font-weight:600}.project-heading-main{align-items:center;gap:5px;min-width:0;display:flex}.project-heading h3{margin:0;font-size:1.4rem;line-height:1.15}.project-link{color:#111;border-radius:50%;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.project-link svg{width:26px;height:26px}.project-summary{color:var(--muted);margin:0;font-size:.98rem;line-height:1.5}.neumorphism-project{border-radius:16px;transition:box-shadow .3s;box-shadow:inset 6px 6px 16px #0000001f,inset -6px -6px 16px #ffffffe6,12px 12px 30px #00000024,-12px -12px 30px #ffffffd9}.neumorphism-project:hover,.neumorphism-project:focus{box-shadow:inset 8px 8px 20px #00000024,inset -8px -8px 20px #fffffff2,6px 6px 18px #00000029,-6px -6px 18px #ffffffe6}.tech{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.tech-badge{color:#333;background:#f2f4f7;border-radius:999px;padding:7px 11px;font-size:.78rem}.footer{text-align:center;color:var(--muted);margin-top:40px;padding:24px 0}.work-experience{margin-top:10px}.neumorphism-panel{border-radius:18px;padding:20px;box-shadow:inset 4px 4px 10px #00000014,inset -4px -4px 10px #fffffff2,10px 10px 24px #00000014,-10px -10px 24px #fffc}.timeline{flex-direction:column;gap:14px;display:flex}.timeline-item{align-items:flex-start;gap:14px;display:flex;position:relative}.timeline-item:not(:last-child):after{content:"";background:#00000014;width:1px;position:absolute;top:20px;bottom:-14px;left:7px}.timeline-dot{background:var(--bg);border-radius:50%;flex:none;width:15px;height:15px;margin-top:4px;box-shadow:inset 2px 2px 4px #0000001f,inset -2px -2px 4px #fffffff2}.timeline-content h3{margin:0;font-size:1rem;font-weight:600}.timeline-years{color:var(--muted);margin-left:8px;font-size:.82rem;font-weight:400}.timeline-content p{color:var(--muted);margin:4px 0 0;font-size:.9rem}.neumorphism:hover,.neumorphism:focus{box-shadow:inset 4px 4px 10px #bcbcbc,inset -4px -4px 10px #fff}.neumorphism{transition:box-shadow .3s;box-shadow:inset 2px 2px 5px #bcbcbc,inset -2px -2px 5px #fff,2px 2px 5px #bcbcbc,-2px -2px 5px #fff}@media (max-width:800px){.card{gap:18px}.card-media{flex-basis:42%}}@media (max-width:520px){.container{margin:20px}.card{flex-direction:column;padding:18px}.card--reverse{flex-direction:column}.card-media{flex-basis:auto;width:100%}.card-media img{min-height:220px}.project-heading h3{font-size:1.2rem}.project-link{width:38px;height:38px}.project-link svg{width:24px;height:24px}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}