:root{font-family:system-ui,sans-serif;color:#19324a;background:#f0f5fa}body{margin:0;font-size:16px;line-height:1.6}main{max-width:580px;margin:7vh auto;padding:36px;background:#fff;border-radius:24px;border:1px solid #dce7ef;box-shadow:0 14px 45px #173c6410}.brand{display:flex;gap:14px;align-items:center;font-size:20px;font-weight:700}.eyebrow{font-size:12px;letter-spacing:2px;color:#336dab;margin-top:28px}h1{font-size:29px;line-height:1.25;margin:12px 0 20px}section{background:#eef5fc;padding:20px;border-radius:16px;margin:24px 0}section span,section strong,section small{display:block}section strong{font-size:22px;overflow-wrap:anywhere;margin:8px 0}section small{color:#58728b;overflow-wrap:anywhere}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:24px 0}button{font:inherit;border:0;background:#2567a8;color:white;border-radius:12px;padding:12px 18px;cursor:pointer}.secondary{background:#e9f0f6;color:#284c6e}button:disabled{opacity:.4;cursor:default}.small{font-size:13px;color:#5d7288}a{color:#2567a8;display:inline-block;margin-top:12px}.popup{width:340px;margin:0}.popup main{margin:0;border:0;border-radius:0;padding:24px;box-shadow:none}@media(max-width:650px){main{margin:16px;padding:24px}}