body { margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; background: #ffffff; color: #333333; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100vh; overflow: hidden; text-align: left; } .wrapper { width: 90%; max-width: 600px; padding: 20px; box-sizing: border-box; } .logo-area { display: flex; align-items: center; font-size: 34px; font-weight: 700; color: #000000; margin-bottom: 25px; gap: 12px; } .logo-box { background: #000; color: #fff; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; border-radius: 8px; font-size: 26px; font-family: Georgia, serif; } h1 { font-size: 28px; font-weight: 500; margin: 0 0 15px 0; color: #1d1d1f; } p { font-size: 14px; line-height: 1.5; color: #515154; margin: 0 0 35px 0; max-width: 550px; } .cf-turnstile { background: #fafafa; border: 1px solid #e0e0e0; border-radius: 3px; padding: 12px 15px; width: 300px; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; box-shadow: 0 1px 3px rgba(0,0,0,0.05); position: relative; } .cf-content { display: flex; align-items: center; gap: 14px; font-size: 14px; color: #333; font-weight: 400; cursor: pointer; user-select: none; } .checkbox-container { position: relative; width: 28px; height: 28px; } .cf-checkbox { width: 24px; height: 24px; border: 2px solid #b5b5b5; border-radius: 3px; background: #fff; appearance: none; -webkit-appearance: none; cursor: pointer; outline: none; margin: 0; position: absolute; top: 2px; left: 2px; transition: all 0.2s; } .cf-checkbox:checked { border-color: #10b3d3; background: #10b3d3; display: none; } .spinner { display: none; width: 24px; height: 24px; border: 3px solid #f3f3f3; border-top: 3px solid #10b3d3; border-radius: 50%; animation: spin 0.8s linear infinite; position: absolute; top: 2px; left: 2px; } .cf-logo { display: flex; flex-direction: column; align-items: flex-end; justify-content: center; font-size: 9px; color: #828282; line-height: 1.1; } .cf-logo strong { font-size: 11px; color: #10b3d3; display: flex; align-items: center; gap: 2px; } .footer-ray { margin-top: 100px; font-size: 12px; color: #9c9c9c; border-top: 1px solid #e5e5e5; width: 100%; text-align: center; padding-top: 15px; } .footer-links { margin-top: 5px; font-size: 11px; } .footer-links a { color: #0051c3; text-decoration: none; } .footer-links a:hover { text-decoration: underline; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }