.demo-gallery{color:#e9f3ff;background:#001321;min-height:100vh;padding:36px max(24px,50vw - 600px) 80px}.demo-gallery nav a{color:#b8cedb;text-decoration:none}.demo-gallery header{margin:68px 0 40px}.demo-gallery header span,.demo-gallery article>span{letter-spacing:1.5px;color:#06b7e9;font-size:12px}.demo-gallery h1{margin:18px 0;font-size:clamp(36px,5vw,64px);line-height:1.1}.demo-gallery p{color:#b0c6d5;line-height:1.7}.demo-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.demo-gallery article{border:1px solid #294353;border-top:3px solid #ff153b;border-radius:12px;flex-direction:column;padding:28px;display:flex}.demo-gallery h2{margin:24px 0 8px;font-size:28px}.demo-gallery article p{margin-bottom:32px}.demo-gallery article a{color:#001321;background:#05b3df;border-radius:8px;align-self:flex-start;margin-top:auto;padding:12px 18px;font-weight:600;text-decoration:none}.demo-gallery a:focus-visible{outline-offset:5px;outline:3px solid #fff}.demo-gallery article a:hover{background:#63dcfa}@media (max-width:850px){.demo-gallery-grid{grid-template-columns:1fr}.demo-gallery header{margin-top:44px}}