html,body,#app{height:100%}body{margin:0;font-family:Onest,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";background:#4a48e9;overflow:hidden}*{box-sizing:border-box}:root{--space-page: clamp(16px, 2.083vw, 40px);--space-gap: clamp(12px, 1.25vw, 24px);--pad-v: clamp(10px, .833vw, 16px);--pad-h: clamp(12px, 1.25vw, 24px);--radius-lg: clamp(12px, 1.042vw, 20px);--radius-md: clamp(10px, .833vw, 16px);--footer-gap: clamp(8px, .833vw, 16px);--logo-h: clamp(24px, 2.083vw, 40px);--footer-text-size: clamp(12px, .833vw, 16px)}@keyframes page-fade-in{0%{opacity:0}to{opacity:1}}@keyframes header-slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes footer-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.page{position:relative;min-height:100dvh;display:flex;flex-direction:column;gap:var(--space-gap);padding:var(--space-page) var(--space-page) 0 var(--space-page);overflow:hidden;opacity:0;animation:page-fade-in 1.5s cubic-bezier(.22,1,.36,1) forwards}.header{background:#fff;border-radius:var(--radius-lg);padding:var(--pad-v) var(--pad-h);display:flex;align-items:center;justify-content:center;animation:header-slide-down .72s cubic-bezier(.22,1,.36,1) both;animation-delay:80ms}.logo{height:var(--logo-h);width:auto;display:block}.center{flex:1;display:grid;place-items:center}.card{position:relative;background:#fff;border-radius:var(--radius-lg);aspect-ratio:4 / 3}.mascot{position:absolute;left:50%;transform:translate(-50%);top:-33.333%;width:90%;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none}.card-body{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:clamp(16px,3vw,32px);padding-top:clamp(110px,20vh,260px);gap:8px;text-align:center}.headline{margin:0;font-weight:600;font-size:clamp(20px,1.875vw,36px);color:#171717}.subhead{margin:0;font-weight:600;font-size:clamp(16px,1.25vw,24px);color:#171717;opacity:.9}.footer{background:#f2f3f7;color:#171717;border-radius:var(--radius-md) var(--radius-md) 0 0;padding:var(--pad-v) var(--pad-h);margin-inline:calc(var(--space-page) * -1);box-shadow:0 -1px #1717170f;animation:footer-slide-up .8s cubic-bezier(.22,1,.36,1) both;animation-delay:.14s}.footer__inner{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--footer-gap);align-items:stretch;width:100%}.col{display:flex;flex-direction:column;gap:6px}.col--left{text-align:left;align-items:flex-start}.col--center{text-align:center;align-items:center}.col--right{text-align:right;align-items:flex-end}.item{display:flex;align-items:baseline;gap:8px;line-height:1.4;flex-wrap:wrap}.label{color:#17171799;font-weight:600;font-size:var(--footer-text-size);flex:0 0 auto}.bold{color:#171717;font-weight:600}.value{color:#171717;font-weight:600;font-size:var(--footer-text-size);flex:1 1 auto;overflow-wrap:anywhere;word-break:break-word}.desc-wrap{display:flex;align-items:center;flex:1 1 auto;height:calc(var(--footer-text-size));overflow:visible}.desc{display:block;color:#171717e6;font-weight:500;font-size:calc(var(--footer-text-size) * .8);line-height:.9em;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.footer__inner>.col{position:relative;min-width:0}.footer__inner>.col:not(:last-child):after{content:"";position:absolute;top:0;bottom:0;right:calc(var(--footer-gap) / -2);width:1px;background:#17171714}.decor{position:absolute;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;opacity:1}.page>*:not(.decor){position:relative;z-index:1}.decor--tl{top:50%;left:clamp(-80vw,-50vw,-20vw);width:clamp(80vw,95vw,140vw);transform:translateY(-60%) rotate(20deg)}.decor--r{top:50%;right:clamp(-40vw,-20vw,-8vw);width:clamp(70vw,80vw,130vw);transform:translateY(-37%) rotate(20deg) scaleX(-1)}@media(max-width:640px){.decor--tl{top:40%;left:-90vw;width:200vw;transform:translateY(-65%) rotate(20deg)}.decor--r{top:68%;right:-60vw;width:180vw;transform:translateY(-30%) rotate(20deg) scaleX(-1)}.footer__inner{grid-template-columns:1fr}.footer__inner>.col,.footer__inner>.col:not(:first-child){border:0;padding-left:0}.footer__inner>.col:after{content:none}.item{flex-wrap:wrap}.desc-wrap{height:auto}.desc{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.2;font-size:var(--footer-text-size)}.col--left,.col--center,.col--right{text-align:left;align-items:flex-start}.mascot{width:clamp(200px,90%,360px);top:-33.333%}.card-body{padding-top:clamp(120px,26vh,280px)}}@media(prefers-reduced-motion:reduce){.page{animation:none;opacity:1}.header,.footer{animation:none;transform:none;opacity:1}}