:root{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f9f1ff;background:#19132f;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 53%,#504278 0,#29203f 42%,#17122a 80%);display:flex;flex-direction:column}header,footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.8rem 5vw}.brand{color:#fff;text-decoration:none;font-size:1.25rem;font-weight:800;letter-spacing:-.06em}.brand span{color:#d3b7f6}select{border:1px solid #ffffff42;color:#fff;background:#ffffff0c;border-radius:999px;padding:.55rem .8rem;font:inherit}select option{color:#19132f}main{flex:1;text-align:center;padding:3.5rem 1.5rem 2rem;overflow:hidden}.eyebrow{font-size:.7rem;letter-spacing:.25em;color:#ccb4ea;font-weight:700}h1{font-size:clamp(2.4rem,7vw,6rem);line-height:1.05;letter-spacing:-.055em;margin:1rem auto;font-weight:650}h1 em{font-style:normal;color:#e6c8ef}.intro{color:#cfc4dd;max-width:35rem;margin:1rem auto;line-height:1.6}.scene{height:clamp(210px,27vw,340px);max-width:640px;position:relative;margin:1rem auto;isolation:isolate}.moon{position:absolute;top:15%;left:50%;transform:translateX(-50%);width:clamp(125px,20vw,235px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 24%,#ffe5d5,#dd9fc6 38%,#8c69b0 78%);box-shadow:0 0 80px #e4a5e73d,inset -18px -24px 30px #493d8355}.ground{position:absolute;width:80%;height:28%;bottom:4%;left:10%;border-radius:50%;background:linear-gradient(#a487c4,#5f4d8b);box-shadow:0 20px 35px #110e244d}.orbit{position:absolute;z-index:2;left:12%;top:28%;width:76%;height:45%;border:1px solid #eedaff77;border-radius:50%;transform:rotate(-14deg)}.orbit-two{transform:rotate(17deg);opacity:.45}.star{position:absolute;color:#f7cfdb;font-size:2.3rem}.star-one{left:16%;top:25%}.star-two{right:17%;top:10%}.year{position:absolute;z-index:3;bottom:8%;width:100%;font-size:clamp(3rem,8vw,6rem);font-weight:800;letter-spacing:-.08em;color:#f7d9e7;text-shadow:0 5px 0 #af81b1}.notice{display:flex;text-align:left;gap:1rem;align-items:flex-start;max-width:430px;margin:1rem auto;padding:1.1rem 1.3rem;border:1px solid #ffffff24;border-radius:16px;background:#ffffff0a}.notice h2{font-size:.95rem;margin:0 0 .35rem}.notice p{font-size:.85rem;line-height:1.5;color:#cfc4dd;margin:0}.dot{width:8px;height:8px;border-radius:50%;background:#e7b8d3;margin-top:.35rem;flex:none}footer{font-size:.7rem;color:#afa1c3;line-height:1.5}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:600px){header,footer{padding:1.25rem}main{padding-top:2.5rem}footer{flex-direction:column;align-items:flex-start}.scene{margin:2rem auto}}
