:root{--primary: #ffb300;--primary-hover: #ffa000;--bg: #fff;--text: #222;--muted: #666;--border: #ddd;--hero-bg: #394046;--hero-text: #fff;--location-color: #998866;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: Menlo, "Courier New", monospace;--container-max: 1140px;--spacing-lg: 3rem}@media (prefers-color-scheme: dark){:root{--primary-hover: #ffc107;--bg: #111b22;--text: #e0e0e0;--muted: #9ca3af;--border: #2d3748}}*,*:before,*:after{box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;display:flex;flex-direction:column;font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--text);background:var(--bg)}h1,h2,h3,h4,h5,h6{margin:0 0 1rem;line-height:1.2}h2,h3,hgroup>:last-child{font-weight:200}p{margin-top:40px;font-size:22px;line-height:35px}li{font-size:20px}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover);text-decoration:underline}small{color:var(--muted)}hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 1.5rem}nav{height:fit-content}nav.container{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;padding-bottom:1rem}nav ul{display:flex;list-style:none;margin:0;padding:0;gap:1.5rem;align-items:center}nav ul li a{color:var(--text);font-weight:500;text-decoration:none}nav ul:first-child li a{font-size:1.1rem;font-weight:700}nav ul li a:hover{color:var(--primary);text-decoration:none}.hero{background-color:var(--hero-bg);background-image:url(/img/fast_rocket.png);background-position:top center;background-repeat:no-repeat;background-size:cover;color:var(--hero-text)}.hero header{padding:var(--spacing-lg) 0}.hero hgroup{margin-bottom:var(--spacing-lg)}.hero hgroup>:last-child{color:#aaa}.hero h1,.hero h2,.hero h3{color:var(--hero-text)}.location-label{font-family:var(--font-mono)!important;color:var(--location-color)!important}main{flex:1}main.container{padding-top:2rem;padding-bottom:2rem}#i-am{padding-top:10%}@media (max-width: 991px){#hire-me{width:100%;display:flex;justify-content:flex-end}}[role=button],button,input[type=submit],input[type=button]{display:inline-block;padding:.75rem 1.5rem;background:var(--primary);color:#000000bf;border:none;border-radius:0;cursor:pointer;font-size:1rem;font-weight:500;text-decoration:none;transition:background .2s}[role=button]:hover,button:hover,input[type=submit]:hover{background:var(--primary-hover);color:#000000bf;text-decoration:none}input,textarea,select{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:0;font-family:var(--font-sans);font-size:1rem;color:var(--text);background:var(--bg);transition:border-color .2s}input:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #ffb30020}textarea{min-height:150px;resize:vertical;display:block}.grid{display:grid;gap:1rem}@media (min-width: 992px){main .grid{grid-column-gap:var(--spacing-lg);grid-template-columns:auto 25%}}main.contact-me{padding-top:10px;padding-bottom:10px}.contact-me article{max-width:600px}.contact-me hgroup{margin-bottom:1.5rem}.contact-me form .grid{grid-template-columns:1fr auto;margin-top:1rem;gap:.75rem;align-items:start}.contact-me form .grid button{white-space:nowrap}.blog-list{list-style:none;padding:0;margin:0}.blog-list li{border-bottom:1px solid var(--border);padding:1.5rem 0;font-size:1rem}.blog-list li:first-child{padding-top:0}.blog-list .post-title{font-size:1.4rem;font-weight:600;margin-bottom:.25rem}.blog-list .post-title a{color:var(--text)}.blog-list .post-title a:hover{color:var(--primary);text-decoration:none}.blog-list .post-date{color:var(--muted);font-size:.9rem}.blog-list .post-description{margin-top:.5rem;font-size:1rem;color:var(--muted);line-height:1.5}.blog-post{max-width:720px;padding-top:2rem;padding-bottom:2rem}.blog-post h2,.blog-post h3,.blog-post h4{margin-top:2rem}.blog-post pre{background:#1e1e1e;color:#d4d4d4;padding:1rem;overflow-x:auto;border-radius:4px;margin:1.5rem 0}.blog-post code{font-family:var(--font-mono);font-size:.9em}.blog-post p{margin-top:1rem;font-size:1.1rem;line-height:1.8}section[aria-label="Contact me"]{padding:2rem 0;border-top:1px solid var(--border)}footer{padding-top:10px;padding-bottom:10px;border-top:1px solid var(--border)}footer nav.container{padding-top:.5rem;padding-bottom:.5rem}footer nav ul li a{font-size:.9rem;color:var(--muted)}footer nav ul li a:hover{color:var(--primary)}.fade{color:var(--muted)}