body {
         background-image: url("/images/affiliation.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        font-family: 'Arial', sans-serif;
       
    }

    header {
        background: rgb(0, 33, 113);
        background: linear-gradient(90deg, rgba(0, 33, 113, 1) 16%, rgba(2, 85, 102, 1) 87%);
        color: white;
        padding: 20px;
        text-align: center;
    }

    h1 {
        margin: 0;
        font-size: 24px;
        
    }

    form {
        text-align: center;
        margin-bottom: 20px;
    }

    label {
        font-weight: bold;
        color: red;
    }

    input[type="text"] {
        color: blue;
        padding: 5px;
    }

    button[type="submit"] {
        padding: 5px 10px;
        background-color: #007bff;
        border: none;
        color: white;
        cursor: pointer;
    }

    .verification-result {
        margin: 20px auto;
        max-width: 600px;
        padding: 10px;
        text-align: left;
        position: relative;
        overflow: hidden;
        background-color: #f8f9fa;
        border: 1px solid #ced4da;
        border-radius: 5px;
        
    }

    .verification-result:before {
        content: "";
        position: absolute;
        top: -2px;
        left: -2px;
        right: -2px;
        bottom: -2px;
        border: 2px solid transparent;
        border-image: linear-gradient(45deg, #ff7f50, #00ffff, #ff00ff, #ffd700) 1;
        border-image-slice: 1;
        animation: border-animation 2s infinite linear;
        pointer-events: none;
        z-index: -1;
    }

    .verification-result img {
        display: block;
        margin: 0 auto;
        max-width: 200px;
        max-height: 200px;
    }

    @keyframes border-animation {
        0% {
            border-color: #ff7f50;
        }
        25% {
            border-color: #00ffff;
        }
        50% {
            border-color: #ff00ff;
        }
        75% {
            border-color: #ffd700;
        }
        100% {
            border-color: #ff7f50;
        }
    }

    @media screen and (max-width: 600px) {
        .verification-result img {
            max-width: 100%;
            max-height: auto;
        }
    }