html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#9bade1}body{font-family:'Segoe UI Variable Display','Segoe UI',sans-serif;color:#24486b}canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}main{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4.2vh;transform:translateY(-1.5vh)}.mark{width:15.6vw;max-width:360px;filter:drop-shadow(0 0 12px #fff4c76b)}.mark svg{display:block;width:100%;height:auto}h1{margin:0;font-size:3.2vw;font-weight:500;line-height:1.1;letter-spacing:-.035em;text-align:center}@media(max-aspect-ratio:1/1){.mark{width:30vw}h1{font-size:5.4vw}main{gap:3vh}}
.mark{filter:drop-shadow(0 0 3px #ffffffc0) drop-shadow(0 0 8px #ffffff70)}