:root{color:#212121;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7f7f7;font-family:Courier New,Courier,monospace}p{margin-bottom:1.5rem;line-height:1.7}a{color:#0077b6;font-weight:500;text-decoration:none}a:hover{color:#0099e6;text-decoration:underline}body{min-width:320px;margin:0;display:block}h1,h2,h3,h4,h5,h6{letter-spacing:.5px;color:#333;margin-top:2.5rem;margin-bottom:1rem;font-family:Courier New,Courier,monospace;font-weight:700;line-height:1.1}h1{font-size:3.2em}@media (prefers-color-scheme:light){:root{color:#212121;background-color:#fff}}html{scroll-behavior:smooth}#root{box-sizing:border-box;max-width:1280px;margin:0 auto;padding:2rem}.intro{text-align:left;box-sizing:border-box;flex-direction:column;justify-content:flex-start;max-width:850px;min-height:100vh;margin:0 auto;padding:2rem 0;display:flex}.intro hr{width:100%;margin:1.5rem 0}.projects{flex-direction:column;align-items:flex-start;gap:4rem;max-width:950px;margin:0 auto;padding:2rem 0;display:flex}.projects hr{width:100%;margin:1rem 0}.project{background:#f9f9f9;border-radius:12px;width:100%;max-width:900px;padding:1.5rem 2rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #00000014}.project:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}.project h2{text-align:left;margin-top:0;margin-bottom:1.25rem}.project p strong{color:#0077b6;text-transform:uppercase;letter-spacing:.04em;min-width:85px;font-family:monospace;font-weight:700;display:inline-block}.infrastructure{text-align:left;box-sizing:border-box;flex-direction:column;justify-content:flex-start;max-width:850px;margin:0 auto;padding:2rem 0;display:flex}.infrastructure hr{width:100%;margin:1rem 0}.infrastructure svg{width:100%;max-width:800px;height:auto;margin:2rem 0;display:block}.infrastructure .nodes{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;display:flex}.infra-summary{text-align:left;max-width:850px;margin:0 auto 4rem;padding:0 2rem}.about{text-align:left;max-width:850px;margin:4rem auto 2rem;padding:0 2rem}.about h2{margin-bottom:1.5rem;font-size:2rem}.about hr{width:100%;margin:1rem 0}.contact-footer{text-align:center;border-top:1px solid #ccc;max-width:850px;margin:4rem auto;padding:2rem}.contact-footer h2{margin-top:0;margin-bottom:1rem}.scroll-anchor,.scroll-anchor-projects-end,.scroll-anchor-final{text-align:center;max-width:850px;margin:3rem auto;padding:0 2rem}.scroll-anchor a,.scroll-anchor-projects-end a,.scroll-anchor-final a{text-transform:uppercase;letter-spacing:1px;color:#0077b6;font-family:Courier New,Courier,monospace;font-size:.95rem;font-weight:700;text-decoration:none;transition:color .2s}.scroll-anchor a:hover,.scroll-anchor-projects-end a:hover,.scroll-anchor-final a:hover{color:#0099e6;text-decoration:underline}.scroll-anchor-final .separator{color:#ccc;margin:0 15px;font-size:.95rem}@media (max-width:768px){.intro{min-height:auto;padding:1rem}.infrastructure{padding:1rem}.infrastructure .nodes{gap:.5rem}h1{font-size:1.8rem}.projects{gap:2rem;padding:1rem 0}.project{width:100%;padding:1rem}.project h2{font-size:1.2rem}.project p{font-size:.95rem}.project p strong{min-width:60px;font-size:.75rem}.about{max-width:100%;margin:2rem auto 1rem;padding:0 1rem}.about h2{font-size:1.5rem}.about p{font-size:.95rem;line-height:1.6}.infra-summary{padding:0 1rem;font-size:.95rem}#root{padding:1rem}.social-links{flex-direction:column;gap:10px;display:flex}.social-links .separator{display:none}.scroll-anchor-final{flex-direction:column;gap:15px;display:flex}.scroll-anchor-final .separator{display:none}}