/* Disable text selection on the entire page */
        * {
            -webkit-user-select: none !important;
            -moz-user-select: none !important;
            -ms-user-select: none !important;
            user-select: none !important;
        }

        body {
            transition: background 0.5s, color 0.5s;
            height: 100vh;
            font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            margin: 0;
            padding: 0;
            overflow: hidden;
            background-color: #f0f0f0;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        #secureButton {
            position: absolute;
            inset: 0;
            display: grid;
            place-content: center;
            margin: auto;
            color: chartreuse;
            text-shadow: 0 0 5px #00FFCC, 0 0 10px #00FFCC; /* Neon glow effect */
            font-size: 3.4em;
            transition: transform 0.5s;
            border: none;
            z-index: 1;
            height: 110vh;
            background-color: #f0f0f0;
        }


        .fullScreenLink {
            display: none; /* Hidden by default */
            position: absolute;
            inset: 0;
            display: grid;
            margin: auto;
            place-content: center;
            width: 100%;
            height: 100%;
            z-index: 0; /* Base z-index for the link */
        }

        .fullScreenLink a {
            position: absolute;
            inset: 0;
            margin: auto;
            text-align: center;
            place-content: center;
            background: skyblue;
            color: purple;
            font-size: 4.5em;
            transition: transform 0.5s;
            text-decoration: none;
        }

        .fullScreenLink a:hover {
            transform: scale(1.1);
            color: rgb(98, 17, 165); 
            text-shadow: 0 0 20px rgba(0, 255, 204, 0.7); /* Glow effect */
        }

        img {
            position: fixed;
            width: 11vw;
            height: 5vh;
            border: 5px solid rgb(98, 0, 255);
            padding: 1px;
            border-radius: 100vh;
            top: .4em;
            right: .4em;
            background-color: rgb(0, 238, 255);
            box-shadow: 0 0 .9em rgb(0, 110, 255);
            z-index: 4;
            cursor: none;
            opacity: 0.1;
            transition: opacity 0.3s;
            }
            @media (max-width: 3980px) {
                img {
            position: fixed;
            width: 11vw;
            height: 5vh;
            border: 5px solid rgb(98, 0, 255);
            padding: 1px;
            border-radius: 100vh;
            top: .4em;
            right: .4em;
            background-color: rgb(0, 238, 255);
            box-shadow: 0 0 .9em rgb(0, 110, 255);
            z-index: 4;
            cursor: none;
            opacity: 0.1;
            transition: opacity 0.3s;
            }
            }
            img:hover {
            opacity: 1;
            }
            
            @media (max-width: 3980px) {
            img {
                
                height: auto;
            }
            }
            
                @media (max-width: 768px) {
            img {
                width: 20vw;
                height: auto;
            }
            }

        .notification {
            display: none;
            position: fixed;
            bottom: 20px;
            left: 50%;
            max-width: 90vw !important;
            text-align: center;
            transform: translateX(-50%);
            background-color: #00cc99;
            color: #121212;
            padding: 2em;
            border-radius: 8vmin;
            box-shadow: 0 0 10px rgba(0, 255, 204, 0.5);
            font-size: 1.2em;
            z-index: 1000;
            transition: opacity 0.5s;
        }

        .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.9);
            justify-content: center;
            align-items: center;
            z-index: 1000;
            margin: auto;
          
        }

        .modal-content {
            background: #1c1c1c;
            padding: 50px;
            border-radius: 10px;
            text-align: center;
            box-shadow: 0 0 20px rgba(0, 255, 204, 0.5);
            animation: fadeIn 0.5s;
            border-radius: 8vmin;width: 70%;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(-50px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .modal-content h2 {
            margin-bottom: 20px;
            font-size: 1.8em;
            color: #00FFCC;
        }

        .modal-content input {
            width: 100%;
            padding: 10px;
            border: none;
            border-radius: 5px;
            margin-bottom: 20px;
            font-size: 1.2em;
            background: #333;
            color: #00FFCC;
            box-shadow: inset 0 0 10px rgba(0, 255, 204, 0.5);
        }

        .modal-content button {

  
            padding: 10px 20px;
  
            font-size: 1.2em;
            background-color: #00cc99;
            border: none;
            border-radius: 5px;
            cursor: none;
            transition: background-color 0.3s;
        }

        .modal-content button:hover {
            background-color: #00b386;
        }