body{background:linear-gradient(135deg,#1e1b4b,#2e1a5e,#3b1476);font-family:Inter,sans-serif;margin:0;overflow-x:hidden}.hero{position:relative;z-index:1}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:20px 20px;opacity:.3;z-index:-1}nav{background:#111827e6}#menuToggle:checked~.mobile-menu{display:block}.mobile-menu{display:none}h1{font-size:2.5rem}@media (min-width: 640px){h1{font-size:3.5rem}}@media (min-width: 768px){h1{font-size:4.5rem}}button{font-size:1rem}@media (min-width: 640px){button{font-size:1.25rem}}section,footer{background:#1f293780}*{box-sizing:border-box}