
        header{
                background-color: transparent !important;
        }
body{
background: #5766CC !important;
            background: radial-gradient(circle,rgba(87, 102, 204, 1) 0%, rgba(47, 61, 162, 1) 100%) !important;
}
        .center-container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: calc(95vh - 80px);
            gap: 40px;
            background: #5766CC !important;
            background: radial-gradient(circle,rgba(87, 102, 204, 1) 0%, rgba(47, 61, 162, 1) 100%) !important;
        }
        .left-div {
        flex: 1;
        display: flex;
        flex-direction: column;
        height: inherit;
        justify-content: space-evenly;
            align-items: center;
        }
        .right-div {
            flex: 1;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .login-box {
            width: 500px;
            height: 150px;
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 2px 16px rgba(0,0,0,0.08);
            padding: 32px 24px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            box-sizing: border-box;
        }
        .top-buttons {
            display: flex;
            gap: 12px;
            margin-bottom: 20px;
        }
        .top-buttons button {
            flex: 1;
            padding: 10px 0;
            font-size: 1rem;
            border: none;
            border-radius: 6px;
            background: #e0e0e0;
            cursor: pointer;
            transition: background 0.2s;
        }
        .top-buttons button.active {
            background: #1976d2;
            color: #fff;
        }
        .inputs {
            display: flex;
            flex-direction: column;
            gap: 12px;
            margin-bottom: 18px;
        }
        .input-group {
            position: relative;
            display: flex;
            align-items: center;
        }
        .input-group input {
            width: 100%;
            padding: 10px 40px 10px 12px;
            font-size: 1rem;
            border: 1px solid #ccc;
            border-radius: 6px;
            outline: none;
            box-sizing: border-box;
        }
        .input-group .eye-toggle {
            position: absolute;
            right: 10px;
            background: none;
            border: none;
            cursor: pointer;
            font-size: 1.1rem;
            color: #888;
        }
        .action-buttons {
            display: flex;
            gap: 12px;
            margin-bottom: 14px;
        }
        .action-buttons button {
            flex: 1;
            padding: 10px 0;
            font-size: 1rem;
            border: none;
            border-radius: 6px;
            background: #1976d2;
            color: #fff;
            cursor: pointer;
            transition: background 0.2s;
        }
        .action-buttons button.secondary {
            background: #e0e0e0;
            color: #222;
        }
        .new-account-btn {
            width: 100%;
            padding: 10px 0;
            font-size: 1rem;
            border: none;
            border-radius: 6px;
            background: #43a047;
            color: #fff;
            cursor: pointer;
            transition: background 0.2s;
        }
        .image-row{
                display: flex;
justify-content: space-evenly;
                gap: 12px;
                width: 100%;
        }
        .qr-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
        }
        .qr-title{
            color: white;
            font-size: 24px;
            font-weight: 400;
        }
    @media (max-width: 900px) {
    .image-row{
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
        justify-items: center;
        gap: 12px;
        width: 100%;
    }
    }