.sy{box-sizing:border-box;background:radial-gradient(ellipse 48% 50% at 50% 44%, color-mix(in srgb, var(--green) 18%, transparent), transparent);text-align:center;align-content:center;justify-items:center;min-height:min(62svh,560px);padding:64px 24px 96px;display:grid}.sy h1{letter-spacing:-.03em;text-wrap:balance;max-width:24ch;margin:0;font-size:clamp(24px,2.2vw + 10px,40px);font-weight:800;line-height:1.2}.sy-todo{vertical-align:.2em;border:1.5px dashed color-mix(in srgb, var(--green-deep) 55%, var(--line));background:color-mix(in srgb, var(--green) 7%, transparent);font:500 max(11px, .38em)/1.2 var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--green-deep) 72%, var(--ink));border-radius:.45em;padding:.28em .6em;display:inline-block}.sy-actions{justify-content:center;margin-top:28px}.sy-bar{max-width:1240px;margin:0 auto;padding:26px 24px 0;display:flex}@media (max-width:600px){.sy{background:radial-gradient(ellipse 90% 46% at 50% 30%, color-mix(in srgb, var(--green) 18%, transparent), transparent);min-height:0;padding:48px 24px 72px}.sy-actions{width:100%}.sy-actions .btn{flex:100%;justify-content:center}}