@layer components{.sys{display:grid;min-height:100dvh;grid-template-rows:auto 1fr;background:var(--sl-bg);color:var(--sl-ink)}.sys-top{display:flex;align-items:center;max-width:1120px;width:100%;margin:0 auto;padding:20px 24px 8px}.sys-top a{display:inline-flex;align-items:center;min-height:44px}.sys-main{display:grid;place-items:center;padding:16px 24px 72px}.sys-card{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:560px;padding:36px 28px 30px;border-radius:var(--sl-r-card);background:var(--sl-card);box-shadow:var(--sl-shadow-2);text-align:center}.sys-card .ey{font:600 13px/1.2 var(--sl-f-sans);color:var(--sl-accent-ink);font-variant-numeric:tabular-nums}.sys-card h1{margin:0;font:700 28px/1.15 var(--sl-f-sans);letter-spacing:-.025em;text-wrap:balance}.sys-card p{margin:0;max-width:46ch;font:400 15.5px/1.5 var(--sl-f-sans);color:var(--sl-ink-2);text-wrap:pretty}.sys-card .ref{font:500 12.5px/1.3 var(--sl-f-mono);color:var(--sl-ink-3)}.sys-acts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%;max-width:440px;margin-top:10px}.sys-acts .sl-btn{flex:1 1 180px}.sys-scene{position:relative;width:132px;height:112px}.sys-scene .layers{position:absolute;left:10px;right:10px;bottom:0;height:64px;border-radius:16px;overflow:hidden;box-shadow:var(--sl-shadow-1)}.sys-scene .layers i{display:block;height:25%;transform-origin:left;animation:sys-layer .7s var(--sl-ease-out) both}.sys-scene .layers i:first-child{background:var(--sl-strata-1);animation-delay:.05s}.sys-scene .layers i:nth-child(2){background:var(--sl-strata-2);animation-delay:.12s}.sys-scene .layers i:nth-child(3){background:var(--sl-strata-3);animation-delay:.19s}.sys-scene .layers i:nth-child(4){background:var(--sl-strata-4);animation-delay:.26s}.sys-scene .seal{position:absolute;left:50%;top:0;display:grid;place-items:center;width:64px;height:64px;margin-left:-32px;border-radius:20px;color:var(--sl-on-accent);background:linear-gradient(180deg,var(--sl-accent-top),var(--sl-accent-bot));box-shadow:var(--sl-hl),0 14px 26px -12px var(--sl-accent-glow);animation:sys-seal .65s var(--sl-spring) .35s both}.sys-scene .seal svg{width:30px;height:30px;stroke-width:2.6}.sys-scene.wait .seal{color:var(--sl-ink-2);background:var(--sl-card);box-shadow:var(--sl-shadow-2)}.sys-scene.wait .seal .sl-spin{width:26px;height:26px}.sys-scene.off .seal{color:var(--sl-ink-2);background:var(--sl-card);box-shadow:var(--sl-shadow-2)}.sys-scene.off .layers{opacity:.55}@keyframes sys-layer{0%{transform:scaleX(0)}to{transform:none}}@keyframes sys-seal{0%{transform:translateY(-14px) scale(.6);opacity:0}to{transform:none;opacity:1}}@media (max-width:719px){.sys-top{padding:14px 16px 4px}.sys-main{padding:12px 16px 56px;align-items:start}.sys-card{padding:30px 18px 22px}.sys-card h1{font-size:24px}.sys-acts .sl-btn{flex-basis:100%}}@media (prefers-reduced-motion:reduce){.sys-scene .layers i,.sys-scene .seal{animation:none}}}