<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta content="width=device-width, initial-scale=1.0" name="viewport">
        <title>
   Security Check
        </title>
        <style>
            body {
                font-family         : Arial, sans-serif;
                background          : #f4f6f9;
                display             : flex;
                align-items         : center;
                justify-content     : center;
                height              : 100vh;
                margin              : 0;
            }
            .captcha-box {
                background          : white;
                padding             : 30px;
                border-radius       : 8px;
                box-shadow          : 0 4px 12px rgba(0,0,0,0.1);
                text-align          : center;
                max-width           : 450px;
                width               : 90%;
            }
            input[type="text"] {
                width               : 100%;
                padding             : 12px;
                margin              : 15px 0;
                border              : 1px solid #ccc;
                border-radius       : 4px;
                box-sizing          : border-box;
                font-size           : 16px;
                text-align          : center;
            }
            button {
                background          : #007bff;
                color               : white;
                border              : none;
                padding             : 12px 20px;
                border-radius       : 4px;
                cursor              : pointer;
                font-size           : 16px;
                width               : 100%;
                font-weight         : bold;
            }
            button:hover {
                background          : #0056b3;
            }
            .error {
                color               : #dc3545;
                margin-bottom       : 15px;
                font-weight         : bold;
                font-size           : 14px;
            }
        </style>
    </head>
    <body>
        <div class="captcha-box">
            <h2 style="margin-top:0; color:#333;">
                CAPTCHA
            </h2>
            <p style="color:#666;">
                Antibot
            </p>
            <p style="font-size: 16px; background: #f8f9fa; padding: 10px; border-radius: 4px; border: 1px dashed #ccc;">
                <b>
                    <big>
                        <strong>
                            Чeтырe плюc двa
                            <br>
                            <br>
                            ckoльko бyдeт ввeдитe oтвeт цифрoй
                        </strong>
                    </big>
                </b>
                <br>
                <br>
                <strong>
                    chetire plus dva
                    <br>
                    <br>
                    scolko budet wwedite otwet cifroi
                </strong>
                <br>
            </p>
            <form action="" method="POST">
                <input autocomplete="off" autofocus="" name="bot_answer_math" placeholder="чeтырe плюc двa" required="" type="text">
                <button type="submit">
                    Enter
                </button>
            </form>
        </div>
    </body>
</html>