/* brand / header */ .captcha-header { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1.75rem; }
/* verification row */ .verify-row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; margin-top: 0.5rem; } splashui captcha?ap=1
.grid-item { aspect-ratio: 1 / 1; background: #1e2a3e; border-radius: 1.25rem; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.15s ease; border: 2px solid transparent; font-size: 2.5rem; box-shadow: 0 4px 12px rgba(0,0,0,0.2); } /* brand / header */
/* Challenge zone */ .challenge-text { background: rgba(0, 0, 0, 0.35); padding: 0.9rem 1.2rem; border-radius: 2rem; margin: 1.2rem 0 1.5rem 0; font-weight: 500; font-size: 1rem; border-left: 4px solid #4c7aff; color: #e2e8ff; } transition: all 0.15s ease
.footer-note { font-size: 0.7rem; text-align: center; color: #6a7290; margin-top: 1rem; } </style> </head> <body>
.captcha-header h2 { font-size: 1.6rem; font-weight: 600; letter-spacing: -0.3px; background: linear-gradient(135deg, #f0f3ff, #b9c3ff); background-clip: text; -webkit-background-clip: text; color: transparent; }
const verifyBtn = document.createElement('button'); verifyBtn.textContent = 'Verify'; verifyBtn.addEventListener('click', () => { if (!robotCheck.checked) { updateStatusMessage('⚠️ Please confirm you are not a robot first.', true); return; } verifyCaptcha(); });
