*{box-sizing:border-box}html{background:#330867}body{margin:0;color:#fff2d9;font:17px/1.6 system-ui;background:linear-gradient(180deg,#330867,#315170 48%,#30cfd0)}main{max-width:900px;margin:auto;padding:24px clamp(22px,6vw,64px) 40px}header,footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}header{border-bottom:1px solid #ffffff50;padding-bottom:16px}header,small{font-size:12px;letter-spacing:.16em}a{color:inherit}header a{text-decoration:none}h1,h2,.sub{font-family:Georgia,serif;font-weight:400;line-height:1.1}h1{font-size:clamp(80px,14vw,144px);margin:0}.sub{font-style:italic;font-size:25px}.hero{padding:42px 0 18px}.hero svg{width:100%;max-height:130px}article,.info{background:#11272d;border-radius:20px;padding:clamp(22px,5vw,40px);margin-bottom:18px}h2{font-size:clamp(32px,6vw,48px);margin:.35em 0}select{display:block;color:#142b2c;background:#fbefd4;border:0;border-radius:8px;font:inherit;padding:10px 14px;margin:8px 0}audio{width:100%;max-width:560px}footer{color:#10272c;padding:10px 0}