:root {
  --night: #100d22;
  --surface: #1e1937;
  --lavender: #9285ff;
  --text: #f7f3ff;
  --muted: #c7c0d7;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-width: 320px;
  background: var(--night);
  color: var(--text);
  font-family: ui-rounded, "SF Pro Rounded", "Avenir Next", system-ui, sans-serif;
}

* { box-sizing: border-box; } a { color: #d9d2ff; } .shell { width:min(1100px,calc(100% - 40px)); margin:auto; } .header,footer { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:24px 0; } .header nav { display:flex; gap:20px; } .header a,footer a { text-decoration:none; } .brand { color:var(--text); display:flex; align-items:center; gap:10px; font-size:1.25rem; font-weight:800; text-decoration:none; } .brand img { width:42px; height:42px; border-radius:13px; } .hero,.split { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:48px; min-height:560px; } h1,h2 { line-height:1.05; letter-spacing:-.04em; } h1 { font-size:clamp(3rem,7vw,5.7rem); } h2 { font-size:clamp(2rem,4vw,3.5rem); } h1 em { color:#ffe9a6; font-style:normal; } .eyebrow { color:#d9d2ff; font-weight:800; font-size:.8rem; letter-spacing:.12em; } .lead,p { color:var(--muted); font-size:1.1rem; } .button { display:inline-block; padding:15px 24px; border-radius:999px; background:var(--lavender); color:#160f2d; text-decoration:none; font-weight:900; margin:12px 18px 12px 0; } .link { font-weight:800; text-decoration:none; } .art { position:relative; min-height:480px; overflow:hidden; border-radius:38px; background:#211b3c; } .art .bg { position:absolute; width:100%; height:100%; object-fit:cover; opacity:.85; } .astronaut,.rocket { position:absolute; object-fit:contain; } .astronaut { width:78%; right:0; bottom:2%; height:92%; } .rocket { width:35%; left:5%; bottom:5%; z-index:2; } main>section { padding-block:55px; } .cards { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:28px; } .cards article,.contact { padding:28px; border-radius:26px; background:var(--surface); border:1px solid rgba(217,210,255,.16); } .cards b { font-size:1.2rem; }.split img { width:100%; border-radius:30px; }.legal { max-width:800px; padding:60px 0 90px; }.legal h2 { font-size:1.5rem; margin-top:40px; }.legal p { max-width:760px; }.legal details { border-bottom:1px solid rgba(217,210,255,.16); padding:18px 0; }.legal summary { cursor:pointer; font-size:1.15rem; font-weight:800; }.support-head { display:grid; grid-template-columns:150px 1fr; gap:30px; align-items:center; margin-bottom:60px; }.support-head img { width:150px; border-radius:50%; border:4px solid white; }.contact { display:grid; grid-template-columns:180px 1fr; gap:25px; align-items:center; margin-top:55px; }.contact img { width:100%; border-radius:18px; } footer { color:var(--muted); border-top:1px solid rgba(217,210,255,.16); font-size:.9rem; } @media(max-width:700px){.shell{width:min(100% - 32px,620px)}.hero,.split{grid-template-columns:1fr;min-height:0}.art{min-height:400px;order:-1}.cards{grid-template-columns:1fr}.header nav{gap:12px;font-size:.9rem}.support-head,.contact{grid-template-columns:1fr}.support-head img{margin:auto}footer{align-items:flex-start;flex-direction:column}}