*{box-sizing:border-box}body{margin:0;background:#12091f;color:#efe9f7;font:17px/1.6 Verdana,Geneva,sans-serif}
.bar{display:flex;justify-content:space-between;align-items:center;padding:20px 5vw}
.name{letter-spacing:.14em;color:#fff;text-decoration:none;font-weight:300}.name b{color:#ff8a3d}
.links a{color:#cbbfe0;text-decoration:none;margin-left:26px}.links a:hover{color:#fff}
.banner{padding:12vh 5vw 14vh;background:linear-gradient(120deg,#5b1fa8,#c2387d 60%,#ff8a3d);text-align:center}
.banner h1{font-size:50px;line-height:1.15;margin:0 auto 18px;max-width:780px}.banner p{max-width:620px;margin:0 auto;font-size:19px}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#2b1b45}.tiles div{background:#1a0f2e;padding:30px 5vw}.tiles strong,.tiles span{display:block}.tiles span{color:#a897c4;font-size:15px}
.sect{max-width:820px;margin:0 auto;padding:48px 5vw}h1{font-size:38px;margin-top:0}
table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #33224f;text-align:left}th{color:#ff8a3d;font-weight:400}
pre{background:#1a0f2e;padding:18px;border-radius:6px;overflow:auto;font-size:14px}a{color:#ff8a3d}
.foot{padding:26px 5vw;color:#7f6ea0;font-size:14px}
@media(max-width:1024px){.banner h1{font-size:40px}}
@media(max-width:768px){.tiles{grid-template-columns:1fr}.banner{padding:8vh 6vw}.banner h1{font-size:30px}.bar{flex-direction:column;gap:8px}.links a{margin:0 9px}}