:root{font-family:Mochiy Pop One,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--red: #d11616}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:repeating-conic-gradient(from 0deg,#fff 0deg 10deg,#fee 10deg 20deg)}h1{font-size:3.2em;line-height:1.1}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.program-title{position:absolute;top:20px;right:40px;font-size:1.2rem;font-weight:900;color:#fff;background:var(--red);padding:10px 15px;transform:rotate(3deg);border:2px solid white;box-shadow:4px 4px #0000004d}.telop{display:block;margin:0;font-size:2rem;text-align:center;font-weight:900}.telop.-pushed{color:var(--red);animation:push .5s ease-in-out}@keyframes push{0%{transform:scale(1) translate(0)}10%{transform:scale(1.2) translate(-3px,3px)}20%{transform:scale(1.2) translate(3px,-3px)}30%{transform:scale(1.4) translate(-5px,5px);color:red}40%{transform:scale(1.4) translate(5px,-5px);text-shadow:2px 2px 0px yellow}50%{transform:scale(1.5) translate(0) rotate(5deg)}60%{transform:scale(1.4) translate(5px,5px);text-shadow:-2px -2px 0px yellow}70%{transform:scale(1.4) translate(-5px,-5px);color:red}80%{transform:scale(1.2) translate(3px,3px)}90%{transform:scale(1.2) translate(-3px,-3px)}to{transform:scale(1) translate(0)}}.main-img{display:block;width:100%;max-width:384px;height:auto;margin:0 auto}@media(max-width:600px){h1{font-size:2rem}.telop{font-size:1.5rem}.program-title{font-size:.8rem;right:10px;top:10px;padding:5px 10px}.btn{width:120px;height:120px;font-size:1.2rem}}.btn{position:relative;display:flex;align-items:center;justify-content:center;width:150px;height:150px;margin-inline:auto;border:4px solid #330000;border-radius:50%;background:linear-gradient(135deg,#f55,#c00);font-size:1.5rem;-webkit-text-stroke:0;box-shadow:0 10px #600,0 20px 20px #0006,inset 0 10px 20px #fff6;transition:all .1s cubic-bezier(.25,.46,.45,.94);text-align:center;cursor:pointer;transform:rotate(-5deg);color:#fff;font-weight:900;font-size:1.7rem}.btn:focus-visible{outline:none;z-index:100}.btn:active{transform:translateY(10px);box-shadow:0 0 #600,0 5px 10px #0006,inset 0 5px 10px #0009}.overlay{position:fixed;inset:0;background:var(--red);pointer-events:none;opacity:0;animation:hot .2s ease-in-out}@keyframes hot{0%{opacity:.3}to{opacity:0}}