body{margin:0;background:#101817;color:#f4f2e9;font-family:system-ui,sans-serif}header{padding:18px 5%;border-bottom:1px solid #3f5140;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}.back{display:inline-block;background:#d0f16b;color:#101817;padding:13px 20px;border-radius:6px;text-decoration:none;font-weight:700}main{max-width:1100px;padding:30px 5%;margin:auto}h1{font-size:32px}p{line-height:1.65;color:#c5d3c0}a{color:#d0f16b;text-decoration:underline;text-underline-offset:4px}video{width:100%;max-height:75vh;background:#050b10;border-radius:8px}iframe{width:100%;height:78vh;border:1px solid #52684e;background:white}.codes{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.codes article{background:#1d2c20;padding:22px;border-radius:8px}.codes img{display:block;width:100%;max-width:220px;margin:20px auto;background:white}.codes h2{font-size:18px}.disclosure{font-size:12px}a:focus-visible{outline:3px solid #d0f16b;outline-offset:4px}@media(max-width:650px){.codes{grid-template-columns:1fr}h1{font-size:26px}}