h1, button, h3,p {
                font-family: "Open Sans", sans-serif;
                font-optical-sizing: auto;
            }

            a {
                text-decoration: none;
                color: #FFFFFF;
            }

            a:hover {
                color: #ffbb70;
            }

            .center-screen {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);

                width: 300px;
                background-color: #2c2c2c;
                border-radius: 12px;
                padding: 28px 20px 24px;
                box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
                color: white;
            }

            body {
                background-color: darkslategrey;
                margin: 0;
            }

            center {
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 10px;
            }

            h1 {
                margin: 0 0 6px 0;
                font-size: 1.6rem;
            }

            input {
                width: 100%;
                box-sizing: border-box;
                padding: 9px 12px;
                border-radius: 7px;
                border: 1px solid #444;
                background-color: #1e1e1e;
                color: white;
                font-family: "Open Sans", sans-serif;
                font-size: 0.9rem;
                outline: none;
                transition: border-color 0.2s;
            }

            input:focus {
                border-color: #f0a050;
            }

            input::placeholder {
                color: #888;
            }

            button {
                margin-top: 4px;
                width: 100%;
                padding: 10px;
                background-color: #f0a050;
                color: #1a1a1a;
                border: none;
                border-radius: 7px;
                font-size: 0.95rem;
                font-weight: 700;
                cursor: pointer;
                transition: background-color 0.2s, transform 0.1s;
            }

            button:hover {
                background-color: #ffbb70;
            }

            button:active {
                transform: scale(0.98);
            }

            .divider {
                font-size: 0.78rem;
                color: #888;
                margin-top: 4px;
            }

            #status-msg {
                font-size: 0.82rem;
                min-height: 1em;
                color: #ff7070;
                text-align: center;
            }

            #status-msg.success {
                color: #70e090;
            }