:root{font-family:"Segoe UI",Arial,sans-serif;color:#e7efdf;background:#283d32}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(130deg,#283d32 70%,#334c3b 70%)}main{max-width:850px;margin:0 auto;padding:70px 28px}.location{color:#bdceb6;font-size:16px;margin-bottom:35px}h1{font-family:"Trebuchet MS",sans-serif;font-size:clamp(40px,7vw,72px);font-weight:600;letter-spacing:-2px;line-height:1.05;margin:0 0 30px}.intro{font-size:18px;line-height:1.7;max-width:610px;color:#c9d6c3}section{background:#e6edde;color:#23372c;padding:30px;margin:40px 0 28px;border-radius:3px 30px 3px 3px}h2{font-size:20px;margin-top:0}section p{line-height:1.6}code{display:block;overflow-wrap:anywhere;font-size:clamp(20px,4vw,32px);font-family:monospace;font-weight:600;padding:18px 0}.note{font-size:14px;color:#48604f}footer{display:flex;gap:16px;flex-wrap:wrap;font-size:14px;color:#bdceb6}a{color:#e7efdf;text-underline-offset:4px}a:focus-visible{outline:3px solid #dcba78;outline-offset:6px}@media(max-width:500px){main{padding:38px 20px}section{padding:22px}}