.public-shell{--bg1:#1d344c;--bg2:#101827;--card1:#182337;--card2:#182337;--main1:#22c55e;--main2:#16a34a;--other1:#253247;--other2:#334155;box-sizing:border-box;position:relative;isolation:isolate;min-height:100dvh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,var(--bg1),var(--bg2));color:#fff;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;overflow:hidden}
.public-shell *, .public-shell *:before, .public-shell *:after{box-sizing:border-box}
.public-shell[data-mode=solid]{background:var(--bg1)}
.public-shell[data-mode=image]{background:var(--bg2)}
.public-shell [hidden]{display:none!important}
.public-bg-picture{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center}
.public-shell:not([data-mode=image]) .public-bg-picture{display:none}
.public-card{position:relative;z-index:1;width:100%;max-width:450px;padding:39px 30px 31px;text-align:center;border-radius:25px;border:1px solid #ffffff32;background:linear-gradient(135deg,var(--card1),var(--card2));box-shadow:0 25px 70px #0006}
.public-logo{display:block;max-width:215px;max-height:92px;width:auto;height:auto;object-fit:contain;margin:0 auto 24px}
.public-icon{display:block;width:76px;height:76px;object-fit:cover;border-radius:20px;margin:0 auto 22px}
.public-fallback{display:grid;place-items:center;margin:0 auto 20px;width:76px;height:76px;border-radius:20px;background:#ffffff24;font-size:35px}
.public-label{font-size:11px;letter-spacing:2px;font-weight:800;color:#a5f3fc}
.public-card h1{font-size:clamp(25px,5vw,32px);margin:16px 0 12px;line-height:1.2;overflow-wrap:anywhere;letter-spacing:-.7px}
.public-desc{font-size:14px;line-height:1.65;color:#dbeafe;margin:0 0 28px}
.public-actions{display:grid;gap:12px}
.public-action{min-height:55px;display:flex;align-items:center;justify-content:center;width:100%;padding:14px;border:1px solid #ffffff35;border-radius:13px;color:#fff;font:inherit;font-size:15px;font-weight:750;text-align:center;cursor:pointer;transition:filter .15s,transform .15s}
.public-action:hover{filter:brightness(1.1);transform:translateY(-1px)}
.public-action:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}
.public-action:disabled{opacity:.6;cursor:wait}
.public-primary{background:linear-gradient(120deg,var(--main1),var(--main2))}
.public-secondary{background:linear-gradient(120deg,var(--other1),var(--other2))}
.public-status{min-height:20px;margin:17px 0 0;font-size:13px;line-height:1.55;color:#cbd5e1}
.public-footer{font-size:11px;color:#cbd5e1;opacity:.65;margin-top:22px}
@media(max-width:500px){.public-shell{padding:14px}.public-card{padding:31px 22px}}