1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Just a moment⦠| Atom</title> 7 <style> 8 *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } 9 10 body { 11 font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; 12 background: linear-gradient(145deg, #eef2ff 0%, #f4f6fb 60%, #e8f4fd 100%); 13 min-height: 100vh; 14 display: flex; 15 align-items: center; 16 justify-content: center; 17 color: #1b1f2a; 18 } 19 20 .card { 21 background: #fff; 22 border: 1px solid #e3e8f0; 23 border-radius: 20px; 24 box-shadow: 0 20px 60px rgba(21, 22, 23, 0.1), 0 4px 16px rgba(26, 115, 232, 0.06); 25 padding: 52px 44px 44px; 26 max-width: 440px; 27 width: calc(100% - 32px); 28 text-align: center; 29 } 30 31 /* ââ Icon ââ */ 32 .icon-wrap { 33 width: 80px; 34 height: 80px; 35 background: linear-gradient(135deg, #1a73e8 0%, #0d5bcc 100%); 36 border-radius: 50%; 37 display: flex; 38 align-items: center; 39 justify-content: center; 40 margin: 0 auto 32px; 41 box-shadow: 0 8px 24px rgba(26, 115, 232, 0.35); 42 } 43 44 .icon-wrap svg { 45 width: 38px; 46 height: 38px; 47 color: #fff; 48 } 49 50 /* ââ Badge ââ */ 51 .badge { 52 display: inline-flex; 53 align-items: center; 54 gap: 6px; 55 background: #eef6ff; 56 color: #1a73e8; 57 font-size: 12px; 58 font-weight: 600; 59 letter-spacing: 0.5px; 60 text-transform: uppercase; 61 padding: 4px 12px; 62 border-radius: 20px; 63 margin-bottom: 16px; 64 } 65 66 .badge-dot { 67 width: 6px; 68 height: 6px; 69 background: #1a73e8; 70 border-radius: 50%; 71 animation: pulse 1.6s ease-in-out infinite; 72 } 73 74 @keyframes pulse { 75 0%, 100% { opacity: 1; transform: scale(1); } 76 50% { opacity: 0.4; transform: scale(0.7); } 77 } 78 79 /* ââ Text ââ */ 80 h1 { 81 font-size: 24px; 82 font-weight: 700; 83 letter-spacing: -0.4px; 84 margin-bottom: 10px; 85 color: #1b1f2a; 86 } 87 88 .subtitle { 89 font-size: 15px; 90 color: #6b7280; 91 line-height: 1.65; 92 margin-bottom: 36px; 93 } 94 95 /* ââ Checklist ââ */ 96 .checks { 97 list-style: none; 98 text-align: left; 99 background: #f8faff; 100 border: 1px solid #e3e8f0; 101 border-radius: 12px; 102 padding: 16px 20px; 103 margin-bottom: 28px; 104 display: flex; 105 flex-direction: column; 106 gap: 10px; 107 } 108 109 .checks li { 110 display: flex; 111 align-items: center; 112 gap: 10px; 113 font-size: 14px; 114 color: #4b5563; 115 } 116 117 .checks li .check-icon { 118 flex-shrink: 0; 119 width: 20px; 120 height: 20px; 121 background: #d1fae5; 122 border-radius: 50%; 123 display: flex; 124 align-items: center; 125 justify-content: center; 126 } 127 128 .checks li .check-icon svg { 129 width: 11px; 130 height: 11px; 131 color: #059669; 132 } 133 134 /* ââ Button ââ */ 135 .btn { 136 display: inline-flex; 137 align-items: center; 138 justify-content: center; 139 gap: 10px; 140 width: 100%; 141 background: linear-gradient(135deg, #1a73e8 0%, #0d5bcc 100%); 142 color: #fff; 143 border: none; 144 border-radius: 12px; 145 padding: 16px 32px; 146 font-size: 16px; 147 font-weight: 600; 148 cursor: pointer; 149 transition: opacity 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease; 150 box-shadow: 0 6px 20px rgba(26, 115, 232, 0.4); 151 letter-spacing: 0.1px; 152 } 153 154 .btn:hover { 155 opacity: 0.92; 156 transform: translateY(-2px); 157 box-shadow: 0 10px 28px rgba(26, 115, 232, 0.45); 158 } 159 160 .btn:active { 161 transform: translateY(0); 162 box-shadow: 0 4px 12px rgba(26, 115, 232, 0.3); 163 } 164 165 .btn.loading { 166 opacity: 0.7; 167 pointer-events: none; 168 } 169 170 .spinner { 171 display: none; 172 width: 18px; 173 height: 18px; 174 border: 2.5px solid rgba(255,255,255,0.35); 175 border-top-color: #fff; 176 border-radius: 50%; 177 animation: spin 0.7s linear infinite; 178 flex-shrink: 0; 179 } 180 181 .btn.loading .spinner { display: block; } 182 183 @keyframes spin { to { transform: rotate(360deg); } } 184 185 /* ââ Footer ââ */ 186 .footer-note { 187 margin-top: 20px; 188 font-size: 13px; 189 color: #9ca3af; 190 line-height: 1.5; 191 } 192 193 .footer-note a { 194 color: #1a73e8; 195 text-decoration: none; 196 font-weight: 500; 197 } 198 199 .footer-note a:hover { text-decoration: underline; } 200 201 @media (max-width: 480px) { 202 .card { padding: 36px 20px 32px; } 203 h1 { font-size: 21px; } 204 } 205 </style> 206</head> 207<body> 208 209<div class="card"> 210 211 <div class="icon-wrap"> 212 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"> 213 <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/> 214 <polyline points="9 12 11 14 15 10"/> 215 </svg> 216 </div> 217 218 <div class="badge">
219 <span class="badge-dot"></span> 220 Security Check 221 </div> 222 223 <h1>Are you human?</h1> 224 <p class="subtitle">Before we show you the search results, please confirm you're not a bot. This keeps our platform fast and reliable for everyone.</p> 225 226 <ul class="checks"> 227 <li> 228 <span class="check-icon"> 229 <svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> 230 <polyline points="2 6 5 9 10 3"/> 231 </svg> 232 </span> 233 No CAPTCHA required â just one click 234 </li> 235 <li> 236 <span class="check-icon"> 237 <svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> 238 <polyline points="2 6 5 9 10 3"/> 239 </svg> 240 </span> 241 You won't be asked again on this device 242 </li> 243 <li> 244 <span class="check-icon"> 245 <svg viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> 246 <polyline points="2 6 5 9 10 3"/> 247 </svg> 248 </span> 249 Takes less than a second 250 </li> 251 </ul> 252 253 <button class="btn" id="confirmBtn" onclick="confirmHuman()"> 254 <div class="spinner"></div> 255 <span id="btnLabel">Yes, I am Human</span> 256 </button> 257 258 <p class="footer-note"> 259 Having trouble? <a href="/">Return to homepage</a> 260 </p> 261 262</div> 263
264<script> 265 function setCookie(name, value, days) { 266 var date = new Date(); 267 date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); 268 document.cookie = name + '=' + encodeURIComponent(value) + '; expires=' + date.toUTCString() + '; path=/'; 269 } 270 271 function confirmHuman() { 272 var btn = document.getElementById('confirmBtn'); 273 btn.classList.add('loading'); 274 document.getElementById('btnLabel').textContent = 'Verifyingâ¦'; 275 276 var value = btoa(navigator.userAgent + Date.now()); 277 setCookie('js_enabled_key', value, 365); 278 279 setTimeout(function () { 280 window.location.reload(); 281 }, 600); 282 } 283</script>
283 284 285</body> 286</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.