body {

            font-family: 'Inter', sans-serif;

            background-color: #0d1117;

            /* Background image and gradient overlay for a futuristic feel */

            background-image: linear-gradient(rgba(13, 17, 23, 0.7), rgba(13, 17, 23, 0.7)),

                              url('https://informationage-production.s3.amazonaws.com/uploads/2022/10/AdobeStock_131189300-scaled.jpeg');

            background-size: cover;

            background-position: center;

            min-height: 100vh;

            display: flex;

            justify-content: center;

            align-items: center;

            color: #e2e8f0;

            overflow: hidden;

        }



        .login-card {

            background-color: rgba(22, 27, 34, 0.6);

            backdrop-filter: blur(10px);

            border: 1px solid rgba(48, 54, 61, 0.5);

            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

        }



        .input-field {

            background-color: rgba(1, 4, 9, 0.8);

            border: 1px solid rgba(48, 54, 61, 0.5);

            transition: border-color 0.3s, box-shadow 0.3s;

        }



        .input-field:focus {

            outline: none;

            border-color: #38bdf8;

            box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.2);

        }



        .btn-primary {

            background-image: linear-gradient(to right, #3b82f6, #6366f1);

            transition: transform 0.2s, box-shadow 0.2s;

        }



        .btn-primary:hover {

            transform: translateY(-2px);

            box-shadow: 0 4px 15px rgba(59, 130, 246, 0.4);

        }



        .message-box {

            transition: transform 0.3s ease-out, opacity 0.3s ease-out;

            transform: translateY(10px);

            opacity: 0;

        }



        .message-box.show {

            transform: translateY(0);

            opacity: 1;

        }



        .eye-toggle {

            position: absolute;

            right: 0.75rem;

            top: 65%;

            transform: translateY(-50%);

            cursor: pointer;

            color: #94a3b8;

            transition: color 0.2s;

        }



        .eye-toggle:hover {

            color: #cbd5e1;

        }