.fx-scope{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;overflow:hidden;background:radial-gradient(700px 400px at 20% 20%,rgba(239,68,68,.14),transparent 60%),radial-gradient(700px 400px at 80% 80%,rgba(245,158,11,.1),transparent 60%),var(--bg,#0a0e15);color:var(--text,#b8c2cf)}.fx-glow{position:absolute;inset:0;background-image:linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(180deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:40px 40px;-webkit-mask-image:radial-gradient(700px 500px at 50% 50%,#000 30%,transparent 80%);mask-image:radial-gradient(700px 500px at 50% 50%,#000 30%,transparent 80%);pointer-events:none}[data-theme=light] .fx-glow{background-image:linear-gradient(90deg,rgba(30,30,40,.06) 1px,transparent 0),linear-gradient(180deg,rgba(30,30,40,.06) 1px,transparent 0)}.fx-card{position:relative;width:100%;max-width:460px;padding:36px 30px 28px;border-radius:20px;border:1px solid var(--border,hsla(0,0%,100%,.08));background:color-mix(in srgb,var(--bg,#0a0e15) 90%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;box-shadow:0 30px 80px -20px rgba(0,0,0,.55),inset 0 1px 0 hsla(0,0%,100%,.04);overflow:hidden}.fx-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ef4444,#f59e0b,#ef4444)}.fx-icon-wrap{position:relative;display:inline-grid;place-items:center;width:68px;height:68px;margin:4px auto 18px}.fx-icon{position:relative;z-index:1;display:grid;place-items:center;width:60px;height:60px;border-radius:16px;color:#fff;background:linear-gradient(135deg,#ef4444,#f59e0b);box-shadow:0 10px 26px -8px rgba(239,68,68,.55)}.fx-ping{position:absolute;inset:-6px;border-radius:22px;background:rgba(239,68,68,.25);animation:fx-ping 1.8s ease-out infinite}@keyframes fx-ping{0%{transform:scale(.9);opacity:.55}80%,to{transform:scale(1.35);opacity:0}}.fx-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;background:rgba(239,68,68,.14);color:#fca5a5;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border:1px solid rgba(239,68,68,.32);margin-bottom:12px}.fx-title{margin:0 0 8px;font-size:22px;font-weight:700;letter-spacing:-.01em;color:var(--bright,var(--text,#0a0e15))}.fx-sub{margin:0 auto 20px;font-size:13.5px;line-height:1.55;color:var(--text);opacity:.78;max-width:360px}.fx-sub b{color:#dc2626;font-weight:600}[data-theme=dark] .fx-sub b{color:#fca5a5}.fx-from{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;border:1px dashed var(--border,hsla(0,0%,100%,.1));background:color-mix(in srgb,var(--bg,#0a0e15) 55%,transparent);font-size:12px;margin-bottom:20px;max-width:100%;overflow:hidden}.fx-from-lbl{opacity:.5;text-transform:uppercase;font-size:10px;letter-spacing:.12em}.fx-from code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#fbbf24}.fx-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.fx-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:10px;border:1px solid var(--border,hsla(0,0%,100%,.1));background:color-mix(in srgb,var(--bg,#0a0e15) 50%,transparent);color:inherit;font-size:13px;font-weight:500;text-decoration:none;transition:transform .12s,border-color .12s,box-shadow .12s}.fx-btn:hover{transform:translateY(-1px);border-color:rgba(245,158,11,.4)}.fx-btn-primary{background:linear-gradient(135deg,#ef4444,#f59e0b);color:#fff;border-color:transparent;box-shadow:0 8px 20px -8px rgba(239,68,68,.55)}.fx-btn-primary:hover{box-shadow:0 12px 26px -8px rgba(239,68,68,.7)}.fx-hint{font-size:12px;opacity:.55;padding-top:14px;border-top:1px solid var(--border,hsla(0,0%,100%,.06))}.fx-hint a{color:#fbbf24;text-decoration:none;font-weight:500}.fx-hint a:hover{text-decoration:underline}