:root{--template-font:"Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;--template-text:#f3efe9;--template-muted:#f3efe9b8;--template-surface:#161f2d;--template-surface-border:#ffffff0f;--template-background:#0d1420;--template-accent-start:#87b8ff;--template-accent-end:#3ee0b6;--template-button-text:#0f1828}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-width:320px;font-family:var(--template-font);color:var(--template-text);background:var(--template-background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}button,a{font:inherit}.template-shell{place-items:center;min-height:100vh;padding:32px;display:grid}.template-card{border:1px solid var(--template-surface-border);background:var(--template-surface);text-align:center;border-radius:28px;justify-items:stretch;gap:18px;width:min(100%,980px);padding:48px 56px;display:grid;box-shadow:0 18px 48px #0003}.template-brand{justify-content:center;width:100%;display:flex}.template-logo{object-fit:contain;width:min(180px,48vw);max-height:108px}.template-logo--fallback{background:linear-gradient(135deg,#87b8ff38,#3ee0b638);border:1px solid #ffffff1a;border-radius:28px;place-items:center;width:108px;height:108px;font-size:2.8rem;font-weight:700;display:grid}.template-brand-name{letter-spacing:.18em;text-transform:uppercase;color:var(--template-muted);text-align:center;margin:0;font-size:.9rem}.template-card h1,.template-message,.template-meta,.template-note{margin:0}.template-card h1{text-align:center;font-size:clamp(2rem,5vw,3.4rem);line-height:.95}.template-message{max-width:48rem;color:var(--template-text);justify-self:center;font-size:1.08rem;line-height:1.55}.template-hero{justify-content:center;display:flex}.template-hero-media{object-fit:contain;width:min(100%,280px);max-height:220px;display:block}.template-meta,.template-note{color:var(--template-muted);text-align:center;font-size:.95rem}.template-progress{gap:12px;width:100%;margin-top:12px;display:grid}.template-progress__track{background:#ffffff12;border-radius:999px;height:24px;position:relative;overflow:hidden}.template-progress__fill{border-radius:inherit;background:linear-gradient(90deg, var(--template-accent-start), var(--template-accent-end));height:100%;transition:width .24s;box-shadow:0 0 30px #3ee0b638}.template-progress__fill.is-indeterminate{background-size:200% 100%;animation:1.4s linear infinite template-shimmer;width:42%!important}.template-progress__fill.is-complete{width:100%!important}.template-progress__caption{color:var(--template-muted);text-align:center;font-size:.92rem}.template-cta,.template-secondary{border:0;border-radius:999px;justify-self:center;min-width:240px;padding:15px 20px;font-weight:700;text-decoration:none}.template-cta{color:var(--template-button-text);background:linear-gradient(135deg, var(--template-accent-start), var(--template-accent-end))}.template-secondary{color:var(--template-text);cursor:pointer;background:0 0;border:1px solid #ffffff24}.template-note code{font-family:SFMono-Regular,Menlo,monospace;font-size:.9em}@keyframes template-shimmer{0%{transform:translate(-35%)}to{transform:translate(145%)}}@media (width<=640px){.template-shell{padding:18px}.template-card{border-radius:24px;padding:30px 22px}.template-logo--fallback{border-radius:22px;width:88px;height:88px;font-size:2.2rem}.template-message{font-size:1rem}.template-progress__track{height:20px}.template-cta,.template-secondary{width:100%}}
