*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#0d0d12;font-family:system-ui,sans-serif}section{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.hero h1{font-size:4rem}.hero p{opacity:.6;margin-top:1rem}.box{background:linear-gradient(135deg,#7c3aed,#ec4899);border-radius:24px;width:180px;height:180px}