.al-si{position:relative;isolation:isolate;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px 16px;overflow:hidden;color:#e6edf7;background:radial-gradient(900px 600px at 18% 8%,rgba(28,77,161,.55),transparent 60%),radial-gradient(700px 520px at 88% 96%,rgba(194,84,39,.22),transparent 60%),radial-gradient(1200px 800px at 50% 50%,#0a1430 0,#050a18 60%,#03060d 100%)}.al-si-grid{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(118,160,255,.05) 1px,transparent 0),linear-gradient(90deg,rgba(118,160,255,.05) 1px,transparent 0);background-size:46px 46px;background-position:50%;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,#000 30%,transparent 80%)}.al-si-canvas{position:absolute;inset:0;z-index:-1;width:100%;height:100%;display:block}.al-si-card{position:relative;width:min(400px,calc(100vw - 32px));padding:40px 32px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;border-radius:20px;border:1px solid rgba(140,203,255,.16);background:linear-gradient(180deg,rgba(16,28,58,.72),rgba(8,14,32,.78));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 40px 80px -30px rgba(0,0,0,.7),0 0 0 1px rgba(0,0,0,.3);backdrop-filter:blur(16px) saturate(1.3);overflow:hidden;animation:al-si-rise .6s cubic-bezier(.2,.7,.2,1) both}.al-si-card:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,#1c4da1,#1bb3e7 55%,#c25427);transform-origin:left;animation:al-si-rule .8s cubic-bezier(.2,.7,.2,1) both;animation-delay:.2s}.al-si-card>*{animation:al-si-lift .5s cubic-bezier(.2,.7,.2,1) both}.al-si-card>:nth-child(2){animation-delay:.06s}.al-si-card>:nth-child(3){animation-delay:.12s}.al-si-card>:nth-child(4){animation-delay:.18s}.al-si-card>:nth-child(5){animation-delay:.24s}.al-si-logo{height:24px;width:auto;margin-bottom:22px;opacity:.95}.al-si-title{display:flex;align-items:center;gap:12px;margin:0 0 10px;font-size:30px;font-weight:500;letter-spacing:-.03em;line-height:1.1;color:#fff}.al-si-mark{position:relative;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#2a63c7,#1c4da1 60%,#173f85);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 8px 24px -6px rgba(42,120,214,.7)}.al-si-mark:after{content:"";position:absolute;top:-3px;right:-3px;width:10px;height:10px;border-radius:50%;background:#ff5c63;border:2px solid #0b1430;box-shadow:0 0 0 0 rgba(255,92,99,.6);animation:al-si-beat 2.4s ease-out infinite}.al-si-lede{margin:0 0 28px;max-width:300px;font-size:14px;line-height:1.5;color:rgba(230,237,247,.66)}.al-si-alert{width:100%;margin:-12px 0 18px;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,92,99,.35);background:rgba(255,92,99,.1);color:#ffd5d7;font-size:13px;line-height:1.45;text-align:left}.al-si-form{width:100%}.al-si-button{position:relative;width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;overflow:hidden;border:0;border-radius:12px;background:#fff;color:#0f1b2d;font:inherit;font-size:15px;font-weight:500;cursor:pointer;box-shadow:0 12px 30px -14px rgba(61,155,255,.7),inset 0 -1px 0 rgba(15,27,45,.08);transition:translate .16s ease,box-shadow .16s ease}.al-si-button:hover:not(:disabled){translate:0 -1px;box-shadow:0 18px 38px -14px rgba(61,155,255,.85),inset 0 -1px 0 rgba(15,27,45,.08)}.al-si-button:focus-visible{outline:2px solid #8ccbff;outline-offset:3px}.al-si-button:disabled{cursor:progress;color:#4a5568}.al-si-button:after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(105deg,transparent,rgba(61,155,255,.16),transparent);transform:translateX(-130%) skewX(-18deg);pointer-events:none}.al-si-button:hover:not(:disabled):after{transform:translateX(300%) skewX(-18deg);transition:transform .65s ease}.al-si-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(28,77,161,.2);border-top-color:#1c4da1;animation:al-si-turn .7s linear infinite}.al-si-foot{margin:20px 0 0;font-size:12px;color:rgba(230,237,247,.42)}.al-si-legend{position:absolute;left:24px;bottom:20px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0;padding:0;list-style:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:rgba(230,237,247,.5)}.al-si-legend li[data-state]{display:inline-flex;align-items:center;gap:6px}.al-si-legend li[data-state]:before{content:"";width:7px;height:7px;border-radius:50%}.al-si-legend [data-state=ok]:before{background:rgb(118,160,255)}.al-si-legend [data-state=pending]:before{background:rgb(255,184,61)}.al-si-legend [data-state=firing]:before{background:rgb(255,92,99);box-shadow:0 0 8px rgb(255,92,99)}.al-si-legend [data-state=resolved]:before{background:rgb(61,220,151)}.al-si-legend-note{color:rgba(230,237,247,.32);text-transform:none;letter-spacing:0}@keyframes al-si-rise{0%{opacity:0;transform:translateY(14px) scale(.985)}}@keyframes al-si-lift{0%{opacity:0;transform:translateY(6px)}}@keyframes al-si-rule{0%{transform:scaleX(0)}}@keyframes al-si-turn{to{transform:rotate(1turn)}}@keyframes al-si-beat{0%{box-shadow:0 0 0 0 rgba(255,92,99,.6)}70%,to{box-shadow:0 0 0 8px rgba(255,92,99,0)}}@media (max-width:560px){.al-si-legend-note{display:none}}@media (prefers-reduced-motion:reduce){.al-si-button,.al-si-button:after,.al-si-card,.al-si-card:before,.al-si-card>*,.al-si-mark:after{animation:none;transition:none}}