:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}button,input,textarea,select{font:inherit}.page{position:relative;min-height:100svh;overflow-x:hidden;color:#f5f5f5;background:#050505}.backdrop{position:fixed;inset:0;display:block;width:100%;height:100%;background:#050505}.page:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 42%,#0000 0 24%,#0009 72%),linear-gradient(180deg,#0000003d,#000000bd)}.shell{position:relative;z-index:1;display:grid;grid-template-rows:1fr auto;gap:44px;min-height:100svh;width:min(1120px,calc(100vw - 48px));margin:0 auto;padding:48px 0}.hero{align-self:center;justify-self:center;display:flex;align-items:center;justify-content:center;gap:12px}.hero h1{margin:0;color:#f5f5f5e6;font-size:clamp(1.2rem,2vw,1.7rem);font-weight:560;line-height:1;letter-spacing:0}.hero p{margin:0;padding:7px 10px;border:1px solid rgb(245 245 245 / .16);border-radius:999px;color:#f5f5f59e;background:#05050552;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.72rem;line-height:1;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.projects-section{display:grid;gap:14px}.projects-header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;color:#f5f5f599;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.72rem;text-transform:uppercase}.projects-header h2,.projects-header span{margin:0;font:inherit}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.project-card{display:grid;min-height:132px;padding:16px;border:1px solid rgb(245 245 245 / .14);border-radius:8px;color:inherit;background:#05050557;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:background .16s ease,border-color .16s ease,transform .16s ease}.project-card:hover{border-color:#f5f5f542;background:#05050575;transform:translateY(-1px)}.project-label{align-self:start;color:#f5f5f570;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.68rem;text-transform:uppercase}.project-card strong{align-self:end;margin-top:28px;font-size:1.08rem;font-weight:560;line-height:1}.project-card p{max-width:34ch;margin:10px 0 0;color:#f5f5f594;font-size:.92rem;line-height:1.4}.project-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.project-actions a{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid rgb(245 245 245 / .14);border-radius:999px;color:#f5f5f5b8;background:#f5f5f50a;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.72rem;text-decoration:none;text-transform:uppercase;transition:background .16s ease,border-color .16s ease,color .16s ease}.project-actions a:hover{border-color:#f5f5f547;color:#f5f5f5f0;background:#f5f5f514}.project-actions a:focus-visible{outline:2px solid rgb(245 245 245 / .7);outline-offset:3px}@media(max-width:680px){.project-grid{grid-template-columns:1fr}}@media(max-width:560px){.hero{flex-direction:column}}