Improve captcha modal styling and messaging

Author: jelveh

src/gui/src/css/style.css

@@ -2653,6 +2653,17 @@ label {
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
 }
 
+.embedded-in-popup .captcha-modal {
+    max-width: 100%;
+    width: 100%;
+    height: 100%;
+    border-radius: 0;
+    box-shadow: none;
+    border: none;
+    padding: 0;
+    margin: 0;
+}
+
 .captcha-modal .modal-content {
     background-color: white;
     padding: 30px;
@@ -2671,12 +2682,13 @@ label {
     border-radius: 0;
     box-shadow: none;
     border: none;
+    padding: 0;
     margin: 0;
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
+    position: absolute;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
 }
 
 .captcha-modal .captcha-logo {

src/gui/src/initgui.js

@@ -172,6 +172,11 @@ window.showTurnstileChallenge = function (options) {
             return resolve();
         }
 
+        // message
+        let message = 'Setting up your account...';
+        if ( window.embedded_in_popup ) {
+            message = 'Setting up your <a href="https://puter.com" target="_blank">Puter.com</a> account for secure AI and Cloud features...';
+        }
         // Create modal HTML
         let modalHtml = `
             <div id="${modalId}" class="captcha-modal">
@@ -187,7 +192,7 @@ window.showTurnstileChallenge = function (options) {
                     
                     <div class="loading-state">
                         <div class="loading-state-icon"></div>
-                        Setting up your account...
+                        ${message}
                     </div>
                     
                     <div class="error-message"></div>