:root{--header-bg:linear-gradient(to right,#0171b3,#019ed3);--footer-bg:linear-gradient(to right,#0171b3,#019ed3);--text-on-color:#fff;--page-bg:#0b0b0f;--card-bg:#11111a}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--page-bg);color:#e9e9f2;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--header-bg);color:var(--text-on-color);padding:16px 20px}.app-header__title{letter-spacing:.2px;margin:0;font-size:20px}.app-footer{background:var(--footer-bg);color:var(--text-on-color);text-align:center;padding:14px 20px}.app-footer__text{opacity:.95}.app-main{flex:1;justify-content:center;align-items:stretch;min-height:0;padding:28px 16px;display:flex}.hero{background:var(--card-bg);border-radius:16px;flex-direction:column;flex:auto;justify-content:space-between;align-items:center;width:min(720px,100%);min-height:0;padding:22px 18px;display:flex;box-shadow:0 8px 30px #00000059}.hero__title{text-align:center;margin:0;font-size:22px;font-weight:700}.h-stack{flex-flow:row;justify-content:center;align-items:center;gap:16px;display:flex}.h-stack>*{flex-direction:space-around;min-width:0}.hero__subtitle{flex:auto;margin:0;padding:5vw;font-size:18px;line-height:1.2}.subtitle_button{appearance:none;color:inherit;font:inherit;line-height:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.subtitle_button:hover{text-decoration:underline}.subtitle_button:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #fff9}.hero__image{object-fit:fill;border-radius:14px;flex:none;width:40vw;max-width:100%;height:90vh;padding:5vw;display:block}@media (max-width:640px){.h-stack{flex-flow:column wrap}.hero__image{width:min(520px,92%)}}