:root{--red:#c60000;--white:#fff;--font:"Helvetica Neue", Helvetica, Arial, sans-serif;--card:max(250px, min(70vw, calc(62vh / 1.4142), 400px));--card-h:calc(var(--card) * 1.4142);--pad:clamp(18px, 6.5%, 40px)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--red);color:var(--red);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}#app{place-items:center;min-height:100dvh;padding:16px;display:grid}.scene{width:var(--card);height:var(--card-h);perspective:1600px}.card{width:100%;height:100%;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.4,0,.2,1);position:relative}.card.flipped{transform:rotateY(180deg)}@media (prefers-reduced-motion:reduce){.card{transition:none}}.face{background:var(--white);padding:var(--pad);text-align:left;backface-visibility:hidden;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.face.back{transform:rotateY(180deg)}.face.back .fill{scrollbar-width:none;flex:1;min-height:0;overflow-y:auto}.face.back .fill::-webkit-scrollbar{display:none}.title{font-weight:700;font-size:clamp(30px, calc(var(--card) * .11), 56px);letter-spacing:-.015em;flex:1;margin:0;line-height:1.06;position:relative}.title span{white-space:pre-wrap}.caret{vertical-align:-.06em;background:currentColor;width:.07em;height:.9em;margin-left:.08em;margin-right:-.15em;display:inline-block}.caret.blink{animation:.9s step-end infinite blink}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.caret{display:none}}.textbtn.thin{font-weight:500}.foot{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.link,.textbtn{font:inherit;font-size:clamp(15px, calc(var(--card) * .04), 20px);color:var(--red);cursor:pointer;text-align:left;background:0 0;border:0;margin:0;padding:0;font-weight:700;text-decoration:none}.textbtn,.link.u{text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:2px}.link:focus-visible,.textbtn:focus-visible{outline:2px solid var(--red);outline-offset:4px}.field:focus{border-bottom-width:3px;outline:none}.h2{font-weight:700;font-size:clamp(22px, calc(var(--card) * .07), 40px);letter-spacing:-.015em;margin:0 0 .45em;line-height:1.08}.field{width:100%;font:inherit;font-size:clamp(15px, calc(var(--card) * .04), 20px);color:var(--red);border:0;border-bottom:2px solid var(--red);background:0 0;border-radius:0;margin:0 0 1em;padding:.35em 0;font-weight:700;display:block}textarea.field{resize:none;min-height:0;line-height:1.3;overflow:hidden}.field::placeholder{color:var(--red);opacity:.45}.legal{font-size:clamp(12px, calc(var(--card) * .028), 14px);margin:1em 0 0;line-height:1.4}.legal a{color:inherit;font-weight:700}.status{font-size:clamp(13px, calc(var(--card) * .03), 15px);margin:.8em 0 0;font-weight:700}.status:empty{display:none}.hidden{display:none!important}
