*{box-sizing:border-box}body{margin:0;background:#101a23;color:#eef4f6;font-family:system-ui,sans-serif}main{max-width:1050px;margin:auto;padding:80px 24px 40px}.badge{color:#96e7bc;font-size:12px;letter-spacing:3px}h1{font-size:clamp(44px,7vw,82px);line-height:1.08;letter-spacing:-3px;margin:30px 0}h1 span{color:#96e7bc}p{color:#b3c1cb;line-height:1.7;max-width:650px}code{color:#96e7bc}section{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:48px 0}article{border:1px solid #34434e;border-radius:16px;padding:26px;background:#182630}article b{color:#96e7bc;font-size:13px}h2{font-size:19px}article p{font-size:14px}button{background:#96e7bc;color:#10241b;border:0;border-radius:8px;padding:14px 24px;font-size:15px;font-weight:650;cursor:pointer}button:focus-visible{outline:3px solid white;outline-offset:4px}button:disabled{opacity:.6}footer{margin-top:65px;border-top:1px solid #34434e;padding-top:22px;color:#879ba9;font-size:13px}@media(max-width:680px){main{padding-top:48px}section{grid-template-columns:1fr}h1{letter-spacing:-2px}}