*,: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-button{cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;padding:0;line-height:0}.avatar-button:focus-visible{outline-offset:3px;outline:2px solid #4f7aff}.avatar{object-fit:cover;border:3px solid #2d3748;border-radius:50%;width:140px;height:140px;transition:border-color .2s,transform .2s;display:block}.avatar-button:hover .avatar,.avatar-button:focus-visible .avatar{border-color:#4f7aff;transform:scale(1.03)}.lightbox{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:zoom-out;background:#0f1117d9;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.lightbox[hidden]{display:none}.lightbox-image{object-fit:contain;border:3px solid #2d3748;border-radius:12px;max-width:min(90vw,600px);max-height:90vh;box-shadow:0 20px 60px #00000080}.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}.resume{background:#1e2433;border:1px solid #2d3748;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;padding:1.5rem;display:flex}.resume-text{flex:1;min-width:220px}.resume-text h3{color:#f1f5f9;margin-bottom:.4rem;font-size:1rem;font-weight:600}.resume-text p{color:#94a3b8;font-size:.875rem;line-height:1.5}.resume-actions{flex-wrap:wrap;gap:.75rem;display:flex}.resume-actions a{color:#cbd5e1;background:#171c27;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}.resume-actions a:hover{color:#f8fafc;border-color:#4f7aff}.resume-actions a .svg-inline--fa,.resume-actions a i{font-size:1rem}.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}.status-header{margin-bottom:3rem}.back-link{color:#94a3b8;align-items:center;gap:.4rem;margin-bottom:1.5rem;font-size:.85rem;text-decoration:none;transition:color .2s;display:inline-flex}.back-link:hover{color:#7dd3fc}.status-header h1{color:#f8fafc;letter-spacing:-.5px;margin-bottom:.4rem;font-size:2.2rem;font-weight:700}.status-header .tagline{color:#94a3b8;margin-bottom:1.25rem;font-size:1rem}.status-bar{align-items:center;display:flex}.conn{color:#94a3b8;background:#1e2433;border:1px solid #2d3748;border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .85rem;font-size:.8rem;font-weight:500;display:inline-flex}.conn-dot{background:#64748b;border-radius:50%;width:8px;height:8px}.conn[data-state=live] .conn-dot{background:#22c55e;animation:2s infinite conn-pulse;box-shadow:0 0 #22c55e99}.conn[data-state=live] .conn-label{color:#86efac}.conn[data-state=connecting] .conn-dot{background:#eab308}.conn[data-state=reconnecting] .conn-dot{background:#ef4444}@keyframes conn-pulse{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}.empty{color:#64748b;font-size:.9rem}.status-card{border-left:3px solid #2d3748;transition:border-color .2s;position:relative}.status-card[data-state=online]{border-left-color:#22c55e}.status-card[data-state=offline]{border-left-color:#ef4444}.status-card[data-server=minecraft]{--accent:#5b9d3f}.status-card[data-server=palworld]{--accent:#3aa0ff}.status-card[data-server=enshrouded]{--accent:#c07be0}.status-card[data-server=teamspeak]{--accent:#2580c3}.status-head{align-items:center;gap:.6rem;display:flex}.status-head h3{color:#f1f5f9;flex:1;margin:0;font-size:1.05rem;font-weight:600}.status-dot{background:#64748b;border-radius:50%;flex-shrink:0;width:10px;height:10px}.status-card[data-state=online] .status-dot{background:var(--accent,#22c55e);box-shadow:0 0 8px 0 var(--accent,#22c55e)}.status-card[data-state=offline] .status-dot{background:#ef4444}.status-state{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.2rem .55rem;font-size:.7rem;font-weight:600}.status-card[data-state=online] .status-state{color:#bbf7d0;background:#22c55e1f}.status-card[data-state=offline] .status-state{color:#fecaca;background:#ef44441f}.status-meta{grid-template-columns:repeat(2,1fr);gap:.75rem 1rem;margin:.25rem 0;display:grid}.status-meta>div{flex-direction:column;gap:.15rem;min-width:0;display:flex}.status-meta dt{letter-spacing:.03em;text-transform:uppercase;color:#64748b;align-items:center;gap:.35rem;font-size:.7rem;font-weight:600;display:flex}.status-meta dt .svg-inline--fa,.status-meta dt i{opacity:.7;font-size:.75rem}.status-meta dd{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.status-meta dd.status-dim{color:#94a3b8;font-weight:500}.status-motd{color:#94a3b8;font-size:.8rem;font-style:italic;line-height:1.4}.status-error{color:#f87171;word-break:break-word;font-size:.75rem;line-height:1.4}.status-footer{justify-content:flex-end}.status-updated{color:#64748b;font-size:.75rem}