*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#e2e8f0;-webkit-font-smoothing:antialiased;background:#0f1117;flex-direction:column;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}main{flex:1;width:100%;max-width:900px;margin:0 auto;padding:4rem 2rem 2rem}footer{text-align:center;color:#475569;padding:2rem;font-size:.85rem}.section{margin-bottom:4rem}.section h2{letter-spacing:.1em;text-transform:uppercase;color:#64748b;margin-bottom:1.5rem;font-size:.8rem;font-weight:600}.hero{align-items:center;gap:2.5rem;margin-bottom:5rem;display:flex}@media (width<=640px){.hero{text-align:center;flex-direction:column;gap:1.5rem}}.avatar{color:#0f1117;letter-spacing:-1px;background:linear-gradient(135deg,#4f7aff 0%,#7dd3fc 100%);border:3px solid #2d3748;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:140px;height:140px;font-size:3rem;font-weight:700;display:flex}.hero-text{flex:1}.hero-text h1{color:#f8fafc;letter-spacing:-.5px;margin-bottom:.5rem;font-size:2.6rem;font-weight:700}.tagline{color:#94a3b8;margin-bottom:1rem;font-size:1.05rem}.about{color:#cbd5e1;margin-bottom:1.25rem;font-size:.95rem;line-height:1.65}.social{gap:.75rem;display:flex}@media (width<=640px){.social{justify-content:center}}.social a{color:#cbd5e1;background:#1e2433;border:1px solid #2d3748;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:border-color .2s,color .2s;display:inline-flex}.social a:hover{color:#f8fafc;border-color:#4f7aff}.social a .svg-inline--fa,.social a i{font-size:1.1rem}.projects{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.card{background:#1e2433;border:1px solid #2d3748;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.card-main{flex-direction:column;flex:1;gap:.75rem;padding:1.5rem;display:flex}.card-body{flex:1}.card-body h3{color:#f1f5f9;margin-bottom:.4rem;font-size:1rem;font-weight:600}.card-body p{color:#94a3b8;font-size:.875rem;line-height:1.5}.card-footer{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.25rem;display:flex}.tech{letter-spacing:.02em;color:#fff;white-space:nowrap;border-radius:999px;padding:.2rem .6rem;font-size:.7rem;font-weight:600}.tech.tech-angular{background:#dd0031}.tech.tech-spring{background:#6db33f}.tech.tech-rust{background:#b7410e}.tech.tech-leptos{background:#ef3939}.tech.tech-wasm{background:#654ff0}.tech.tech-typescript{background:#3178c6}.card-links{background:#171c27;border-top:1px solid #2d3748;flex-wrap:wrap;align-items:center;gap:.4rem .75rem;padding:.75rem 1.5rem;font-size:.8rem;display:flex}.card-links a{color:#94a3b8;align-items:center;gap:.35rem;text-decoration:none;transition:color .2s;display:inline-flex}.card-links a:hover{color:#7dd3fc}.card-links .link-icon{opacity:.8;font-size:.9rem}.card-links .link-divider{color:#475569;font-size:.7rem}.timeline{border-left:2px solid #2d3748;padding-left:2rem;position:relative}.timeline-item{padding-bottom:2rem;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";box-sizing:content-box;background:#4f7aff;border:3px solid #0f1117;border-radius:50%;width:12px;height:12px;position:absolute;top:.35rem;left:-2.55rem}.timeline-period{letter-spacing:.05em;color:#7dd3fc;text-transform:uppercase;margin-bottom:.4rem;font-size:.75rem;font-weight:600}.timeline-content h3{color:#f1f5f9;margin-bottom:.15rem;font-size:1.05rem;font-weight:600}.timeline-content ul{margin-top:.6rem;padding-left:1.1rem}.timeline-content ul li{color:#94a3b8;margin-bottom:.25rem;font-size:.875rem;line-height:1.6}.timeline-subtitle{color:#cbd5e1;font-size:.875rem}