@import"https://fonts.googleapis.com/css2?family=Kalam:wght@700&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;background:#0a0a0a;color:#e5e5e5}a{color:inherit;text-decoration:none}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:4rem 1.5rem 2rem;max-width:560px;margin:0 auto}.hero{text-align:center;margin-bottom:3.5rem}.headshot-wrap{width:120px;height:120px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#f97316,#ea580c);margin:0 auto 1.5rem}.headshot{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.name{font-family:Kalam,cursive;font-size:1.6rem;font-weight:700;color:#fafafa;margin-bottom:.375rem;letter-spacing:.04em}.initial{font-size:1.2em}.tagline{font-size:.9rem;color:#737373;font-weight:400;margin-bottom:1.25rem}.socials{display:flex;justify-content:center;gap:1rem}.social-link{color:#737373;transition:color .15s ease,transform .15s ease;display:flex;align-items:center;justify-content:center;padding:.375rem;border-radius:8px}.social-link:hover{color:#f97316;transform:translateY(-1px)}.section{width:100%;margin-bottom:2.5rem}.section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#525252;margin-bottom:.75rem;padding-left:.25rem}.cards{display:flex;flex-direction:column;gap:.625rem}.card{display:flex;flex-direction:column;gap:.25rem;padding:1rem 1.25rem;background:#141414;border:1px solid #1e1e1e;border-radius:12px;transition:all .15s ease;cursor:pointer}.card:hover{background:#1a1a1a;border-color:#333;transform:translateY(-1px)}.card-title{font-size:.95rem;font-weight:600;color:#e5e5e5}.card:hover .card-title{color:#f97316}.card-playground{border-left:3px solid #f97316}.card-opensource{border-left:3px solid #2563eb}.card-opensource:hover .card-title{color:#2563eb}.card-desc{font-size:.825rem;color:#666;line-height:1.4}.footer{margin-top:auto;padding-top:2rem;text-align:center;display:flex;flex-direction:column;gap:.25rem}.footer-email{font-size:.8rem;color:#525252;transition:color .15s ease}.footer-email:hover{color:#f97316}.footer-location{font-size:.75rem;color:#333}