*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#020617,#000);overflow-x:hidden;font-family:Arial,sans-serif}canvas{position:fixed;top:0;right:0;bottom:0;left:0}main{position:relative;color:#fff;display:grid;grid-template-columns:repeat(12,1fr);padding:120px 0}header{grid-column:2 / span 5;background:rgba(10,20,40,.85);padding:40px;border-radius:16px;font-size:32px;margin-bottom:300px}section{grid-column:2 / span 6;background:rgba(20,40,80,.85);padding:30px;border-radius:16px;font-size:18px;line-height:1.7;margin-bottom:300px}.right{grid-column:6 / span 6}